Download - Apresentação j query5
![Page 1: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/1.jpg)
![Page 2: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/2.jpg)
- Objetos Javascript
- Sinalizadoras
- Ajax
Funções Utilitárias
![Page 3: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/3.jpg)
$.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'
![Page 4: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/4.jpg)
$.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); });
![Page 5: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/5.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
![Page 6: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/6.jpg)
$.grep(array, function(element,index),invert)
Varre a matriz e quando o retorno da função for true ( padrão ), coleta o elementoem 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;
![Page 7: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/7.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
![Page 8: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/8.jpg)
$().makeArray (object)
Converte um objeto do tipo matriz em uma matriz Javascriptde verdade.
<body><div>Primeiro</div><div>Segundo</div> <div>Terceiro</div><div>Quarto</div>
</body>
PrimeiroSegundoTerceiroQuarto
var elementos = $("div"); var array = $.makeArray(elementos); array.reverse(); $(array).appendTo(document.body);
QuartoTerceiroSegundoPrimeiro
![Page 9: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/9.jpg)
$.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 comos elementos exclusivos.
![Page 10: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/10.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 browserimplemente internamente essa classe.
A partir da versão 1.4.3
![Page 11: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/11.jpg)
http://mushmad.posterous.com/jquery-iterators-simples-como-deve-serhttp://jquery.com/http://jqfundamentals.com/book/
Referências:
![Page 12: Apresentação j query5](https://reader036.vdocuments.com.br/reader036/viewer/2022062319/5566676bd8b42aa21e8b50f8/html5/thumbnails/12.jpg)
Obrigado!