Apresentação j query5
12
-
Upload
douglasgrava -
Category
Technology
-
view
822 -
download
0
description
Apresentação sobre algumas funções utilitárias do jquery.
Transcript of Apresentação j query5
- Objetos Javascript
- Sinalizadoras
- Ajax
Funções Utilitárias
$.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'
$.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); });
$.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
$.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;
$.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
$().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
$.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.
$.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
http://mushmad.posterous.com/jquery-iterators-simples-como-deve-serhttp://jquery.com/http://jqfundamentals.com/book/
Referências:
Obrigado!
