![$.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" },function(index, value) { alert(index + 'é um aspirante a ' + value); });](https://image.slidesharecdn.com/apresentaojquery5-110215095632-phpapp02/85/Apresentacao-j-query5-4-320.jpg)
![$.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](https://image.slidesharecdn.com/apresentaojquery5-110215095632-phpapp02/85/Apresentacao-j-query5-5-320.jpg)
![$.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;](https://image.slidesharecdn.com/apresentaojquery5-110215095632-phpapp02/85/Apresentacao-j-query5-6-320.jpg)
![$.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](https://image.slidesharecdn.com/apresentaojquery5-110215095632-phpapp02/85/Apresentacao-j-query5-7-320.jpg)
![$. type (object) $.type(true) === "boolean" $.type(3) === "number" $.type("test") === "string" $.type(function(){}) === "function" $.type([]) === "array" $.type(new Date()) === "date" $.type(/test/) === "regexp" Determina a classe do objeto passado, desde que o browser implemente internamente essa classe. A partir da versão 1.4.3](https://image.slidesharecdn.com/apresentaojquery5-110215095632-phpapp02/85/Apresentacao-j-query5-10-320.jpg)
Apresentação j query5
- 2. - Objetos Javascript - Sinalizadoras - Ajax Funções Utilitárias
- 3. $.trim(string) Remove os caracteres em branco à esquerda e à direita $("button").click(function () { var str = " Texto qualquer "; alert("'" + str + "'"); str = $.trim(str); alert("'" + str + "'"); }); ' Texto qualquer ' 'Texto qualquer'
- 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" },function(index, value) { alert(index + 'é um aspirante a ' + value); });
- 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
- 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;
- 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
- 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 = $("div"); var array = $.makeArray(elementos); array.reverse(); $(array).appendTo(document.body); Quarto Terceiro Segundo Primeiro
- 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.
- 10. $. type (object) $.type(true) === "boolean" $.type(3) === "number" $.type("test") === "string" $.type(function(){}) === "function" $.type([]) === "array" $.type(new Date()) === "date" $.type(/test/) === "regexp" Determina a classe do objeto passado, desde que o browser implemente internamente essa classe. A partir da versão 1.4.3
- 12. Obrigado!
Notas do Editor
- #3: O Jquery fornece metodos utilitários que são úteis para a rotina de programação. - Não funcionam em seleções que fazemos com o jQuery, funcionam com objetos javaScript. - . browser Boxmodel Stylefloat
- #4: - Remove todos os espaços em branco, tabs, linhas do começo e final da string, não os do meio - Pode ser usado para remover os espaços em branco numa caixa de texto, por exemplo.
- #5: - O each é um funciona como um loop for - Não é a mesma que o each(), que só serve para iterar um conjunto de elementos do DOM. - Itera sobre array pegando o indice e valor - Itera sobre um objeto pegando a chave e o valor - Retorna a própria coleção
- #6: - Retorna um array com os valores setados pelo retorno da função. - Se a função devolver null ou undefined o resultado não é coletado na nova matriz. - Serve para “traduzir” uma matriz
- #7: - Retorna o array com os valores coletados - Funciona como um filtro
- #8: Serve para verificar se um item existe ou não dentro de um array - Devolve o indice que o elemento se encontra ou -1 se não encontrar
- #9: - Array-like são objetos que tem algumas das propriedades do array (lenght, acesso por [ ] - chaves), mas não todas. - Após a conversão, a nova matriz não vai ter mais as propriedades específicas do objeto tipo matriz ( array-like ). Exemplo: perde-se os métodos especificos dos objetos jquery
- #11: Determina a classe do objeto javascript Se o objeto for null ou undefined, retorna null ou undefined Se o objeto for de um tipo que não é internamente implementado pelo Browser, é retornado um tipo Object