- Objetos Javascript - Sinalizadoras - Ajax Funções Utilitárias
$.trim(string) Remove os caracteres em branco à esquerda e à direita  $("button").click(function () { var str = ...
$.each(collection, function(indexInArray, valueOfElement)) $.each([52, 97], function(index, value) {  alert(index + ': ' +...
$.map(array, function(elementOfArray,indexInArray)) Método que executa uma função para cada linha do array e  joga os valo...
$.grep(array, function(element,index),invert) Varre a matriz e quando o retorno da função for true ( padrão ), coleta o el...
$.inArray(value, array) Devolve o índice da primeira ocorrência do valor passado var indice = $.inArray(8,[0,1,1,2,3,5,8])...
$(). makeArray  (object) Converte um objeto do tipo matriz em uma matriz Javascript de verdade. <body> <div>Primeiro</div>...
$. merge (firstArray, secondArray) $. isArray (object) Mescla o conteúdo do segundo array com o do primeiro. Retorna true ...
$. type (object) $.type(true) === &quot;boolean&quot; $.type(3) === &quot;number&quot; $.type(&quot;test&quot;) === &quot;...
http://mushmad.posterous.com/jquery-iterators-simples-como-deve-ser http://jquery.com/ http://jqfundamentals.com/book/ Ref...
Obrigado!
Próximos SlideShares
Carregando em…5
×

Apresentação j query5

999 visualizações

Publicada em

Apresentação sobre algumas funções utilitárias do jquery.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Apresentação j query5

  1. 2. - Objetos Javascript - Sinalizadoras - Ajax Funções Utilitárias
  2. 3. $.trim(string) Remove os caracteres em branco à esquerda e à direita $(&quot;button&quot;).click(function () { var str = &quot; Texto qualquer &quot;; alert(&quot;'&quot; + str + &quot;'&quot;); str = $.trim(str); alert(&quot;'&quot; + str + &quot;'&quot;); }); ' Texto qualquer ' 'Texto qualquer'
  3. 4. $.each(collection, function(indexInArray, valueOfElement)) $.each([52, 97], function(index, value) { alert(index + ': ' + value); }); Usada para iterar sobre arrays e objetos 0: 52 1: 97 André é um aspirante a Amaury Jr. Fábio é um aspirante a Spock $.each({“André”: “Amauri Jr. ”, “Fábio”: “Spock&quot; },function(index, value) { alert(index + 'é um aspirante a ' + value); });
  4. 5. $.map(array, function(elementOfArray,indexInArray)) Método que executa uma função para cada linha do array e joga os valores de retorno da função em um novo array. var novoArray = $.map([0,1,1,2,3,5,8], function(value) { return value + 2; }); alert(novoArray); 2,3,3,4,5,7,10 var outroArray = $.map(['0','1','2','3','4','S','6'], function(element) { var resultado = new Number (element); return isNaN(resultado) ? null : resultado ; }); alert(outroArray); 0,1,2,3,4,6
  5. 6. $.grep(array, function(element,index),invert) Varre a matriz e quando o retorno da função for true ( padrão ), coleta o elemento em uma nova matriz. var array = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 5, 3, 8, 5, 6, 9, 1 ]; umNovoArray = $.grep(array, function(element, index){ return (element != 5 && index > 4); }); alert (umNovoArray); 1,9,4,7,3,8,6,9,1 - O $.each executa um função para cada elemento (array, objeto, e sempre retornará todos os elementos; - O $.map faz o mesmo que o $.each , com a diferença que você pode especificar o que será retornado; - O $.grep só funciona com arrays, e para retornar um elemento do array a função deve retornar true;
  6. 7. $.inArray(value, array) Devolve o índice da primeira ocorrência do valor passado var indice = $.inArray(8,[0,1,1,2,3,5,8]); alert(indice); 6 var indice = $.inArray(10,[0,1,1,2,3,5,8]); alert(indice); -1
  7. 8. $(). makeArray (object) Converte um objeto do tipo matriz em uma matriz Javascript de verdade. <body> <div>Primeiro</div> <div>Segundo</div> <div>Terceiro</div> <div>Quarto</div> </body> Primeiro Segundo Terceiro Quarto var elementos = $(&quot;div&quot;); var array = $.makeArray(elementos); array.reverse(); $(array).appendTo(document.body); Quarto Terceiro Segundo Primeiro
  8. 9. $. merge (firstArray, secondArray) $. isArray (object) Mescla o conteúdo do segundo array com o do primeiro. Retorna true se o objeto passado for um array Javascript. $. unique (array) Dada uma matriz de elementos DOM, devolve uma matriz com os elementos exclusivos.
  9. 10. $. type (object) $.type(true) === &quot;boolean&quot; $.type(3) === &quot;number&quot; $.type(&quot;test&quot;) === &quot;string&quot; $.type(function(){}) === &quot;function&quot; $.type([]) === &quot;array&quot; $.type(new Date()) === &quot;date&quot; $.type(/test/) === &quot;regexp&quot; Determina a classe do objeto passado, desde que o browser implemente internamente essa classe. A partir da versão 1.4.3
  10. 11. http://mushmad.posterous.com/jquery-iterators-simples-como-deve-ser http://jquery.com/ http://jqfundamentals.com/book/ Referências:
  11. 12. Obrigado!

×