Untuk merayakan ulang tahun keempat jQuery, tim resmi jQuery secara resmi merilis jQuery 1.4 . Dalam versi ini, tim resmi jQuery telah melakukan banyak pekerjaan pengkodean, pengujian, dan dokumentasi. Secara alami, ini telah meningkat pesat dibandingkan versi sebelumnya.
Artikel ini dibagi menjadi dua bagian. Bagian pertama terutama memperkenalkan penggunaan terkait dan pembaruan versi jQuery 1.4. Bagian kedua menggunakan beberapa contoh kode untuk menunjukkan metode yang diperbarui dan metode yang baru ditambahkan.
【Unduh dan hubungi】
Seperti biasa, pihak resmi menyediakan dua salinan jQuery, satu adalah versi terkompresi (dikompresi menggunakan Google Closure Compiler, sebelumnya menggunakan YUI), dan yang lainnya adalah versi tidak terkompresi (digunakan untuk debugging dan membaca).
versi terkompresi jQuery (23kb, setelah kompresi gzip)
versi jQuery yang tidak terkompresi (154kb)
Sebelumnya telah diusulkan untuk memuat jQuery melalui server Google untuk meningkatkan kecepatan pemuatan. Sekarang, kita masih bisa memanggil file kompresi versi jQuery 1.4 melalui server Google, sebagai berikut:
<skrip src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Fitur dan perubahan baru 】
Di jQuery 1.4, banyak metode jQuery yang umum digunakan telah ditulis ulang. Peningkatan ini tidak hanya lebih mudah digunakan, tetapi juga membawa peningkatan kinerja yang signifikan.
Catatan: Berikut ikhtisarnya, silakan lihat penjelasan kode di artikel berikutnya untuk detail yang belum diketahui.
1. Tambahkan Fungsi Penyetel ke beberapa metode
Di versi sebelumnya, kita bisa meneruskan fungsi ke metode attr() dan menetapkan nilai kembalian fungsi tersebut ke atribut. Di 1.4, fungsi ini ditambahkan ke lebih banyak metode: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), before(). , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
Selain itu, dalam metode berikut, Anda juga dapat meneruskan nilai saat ini sebagai parameter kedua dari fungsi pengaturan untuk digunakan oleh fungsi pengaturan: .css(), .attr(), .val(), .html() , .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), dan .toggleClass(). Misalnya:
jQuery('<img src="masukkan.png" alt="masukkan nama Anda" />')
.attr("alt", fungsi(indeks, nilai) {
kembalikan "Tolong, " + nilai;
});
2. Memperbarui metode inti serialisasi di jQuery, jQuery.param()
Sebelumnya, hasil serial untuk {foo: ["bar", "baz"]} adalah "foo=bar&foo=baz", tetapi sekarang menjadi "foo[]=bar&foo[]=baz".
Tujuan dari perubahan ini terutama untuk memberi tahu pihak penerima bahwa apa yang diteruskan adalah objek array.
3. Di jQuery.ajax , ketika atribut dataType tidak ditentukan, maka secara otomatis akan diidentifikasi berdasarkan tipe konten respons.
Misalnya: jika objek yang dikembalikan oleh permintaan ajax bertipe json (application/json), tipe data akan secara otomatis ditentukan sebagai "json" (jika tidak ditentukan).
4. Tambahkan dukungan untuk Etag dalam permintaan jQuery.ajax.
Sebelumnya, jQuery tidak mengirimkan nilai If-None-Match di header permintaan ajax (artinya, tidak mendukung Etag), dan cache browser diabaikan secara default. Sekarang dapat diaktifkan dengan menentukan atribut ifModified.
Tip: Jika Anda belum tahu tentang header http, disarankan untuk membaca artikel ini.