Para comemorar o quarto aniversário do jQuery, a equipe oficial do jQuery lançou oficialmente o jQuery 1.4 . Nesta versão, a equipe oficial do jQuery fez muito trabalho de codificação, teste e documentação. Naturalmente, melhorou muito em comparação com a versão anterior.
Este artigo está dividido em duas partes. A primeira parte apresenta principalmente os usos e atualizações relacionados da versão jQuery 1.4. A segunda parte usa alguns exemplos de código para mostrar os métodos atualizados e os métodos recém-adicionados.
【Baixar e ligar】
Como de costume, o oficial fornece duas cópias do jQuery, uma é uma versão compactada (comprimida usando Google Closure Compiler , anteriormente usando YUI) e a outra é uma versão descompactada (usada para depuração e leitura).
Foi proposto anteriormente carregar o jQuery através do servidor do Google para melhorar a velocidade de carregamento . Agora, ainda podemos chamar o arquivo compactado da versão 1.4 do jQuery através do servidor do Google, da seguinte maneira:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Novos recursos e alterações 】
No jQuery 1.4, muitos métodos jQuery comumente usados foram reescritos. Essas melhorias não são apenas mais fáceis de usar, mas também trazem melhorias significativas no desempenho.
Nota: A seguir está uma visão geral, consulte a explicação do código no próximo artigo para quaisquer detalhes desconhecidos.
1. Adicione funções Setter a alguns métodos
Nas versões anteriores, poderíamos passar uma função para o método attr() e atribuir o valor de retorno da função a um atributo. Na versão 1.4, esta funcionalidade foi adicionada a mais métodos: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
Além disso, nos métodos a seguir, você também pode passar o valor atual como o segundo parâmetro da função de configuração para uso pela função de configuração: .css(), .attr(), .val(), .html() , .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass() e .toggleClass(). Por exemplo:
jQuery('<img src="enter.png" alt="digite seu nome" />')
.attr("alt", function(índice, valor) {
retorne "Por favor," + valor;
});
2. Atualizado o método principal de serialização em jQuery, jQuery.param()
Anteriormente, o resultado serializado para {foo: ["bar", "baz"]} era "foo=bar&foo=baz", mas agora é "foo[]=bar&foo[]=baz".
O objetivo dessa mudança é principalmente informar ao destinatário que o que é passado é um objeto array.
3. Em jQuery.ajax , quando o atributo dataType não for especificado, ele será identificado automaticamente com base no tipo de conteúdo da resposta.
Por exemplo: se o objeto retornado pela solicitação ajax for do tipo json (application/json), o dataType será automaticamente especificado como "json" (se não for especificado).
4. Adicione suporte para Etag na solicitação jQuery.ajax .
Anteriormente, o jQuery não enviava o valor If-None-Match no cabeçalho da solicitação ajax (ou seja, não suportava Etag) e o cache do navegador era ignorado por padrão. Agora pode ser habilitado especificando o atributo ifModified.
Dica: Se você não conhece os cabeçalhos http, é recomendável ler este artigo .