- 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!
Upcoming SlideShare
Loading in …5
×

Apresentação j query5

978 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
978
On SlideShare
0
From Embeds
0
Number of Embeds
164
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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
  • - 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.
  • - 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
  • - 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
  • - Retorna o array com os valores coletados - Funciona como um filtro
  • 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
  • - 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
  • 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
  • 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!

    ×