ps: LZ rasa tajuk ini agak terlalu besar dan di luar kemampuan saya Jika anda tidak menyukainya, jangan sentuh. Pada masa ini, hanya mereka yang berada dalam kemampuan LZ direkodkan, dan akan ditambah pada masa hadapan.
1. Penukaran bersama antara objek JQuery dan objek DOM ("Sharp JQuery")
JQuery ditukar kepada DOM:
1. var jq = $(‘#selector’);
2. var jq1 = $(‘#selector1’);Tukar DOM kepada JQuery:
Andaikan cr ialah objek DOM, ditukar kepada JQuery, jqcr = $(‘cr’);
2. Perbezaan antara JQuery's $(document).ready() dan JavaScript's window.onload() ("Sharp JQuery")
1. Masa pelaksanaan
window.onload mesti menunggu semua sumber (termasuk gambar) dalam halaman web dimuatkan sebelum ia boleh dilaksanakan, manakala $(document).ready() dilaksanakan selepas semua struktur DOM dilukis, tetapi sumber yang mungkin dikaitkan dengan DOM masih belum dimuatkan.
2. Bilangan penyertaan
Dalam dokumen, hanya terdapat satu window.onload, tetapi $(document).ready() boleh mempunyai berbilang
3. Kaedah ringkas
Tiada singkatan untuk window.onload $(document).ready() boleh disingkatkan sebagai $(function(){}).
3. Perbezaan antara mengakses nama atribut dalam JQuery dan JavaScript ("JQuery dalam Tindakan")
Nama spesifikasi JQuery Spesifikasi DOM
cellspacing cellSpacing
Nama kelas kelas
colspan colSpan
cssFloat dalam IE ialah styleFloat, pelayar lain ialah cssFloat
float dalam IE ialah styleFloat, pelayar lain ialah cssFloat
untuk htmlUntuk
bingkaiBorder
maxLength maxLength
baca sahaja bacaSahaja
rowspan rowSpan
tabindex tabIndex
usemap useMap
Secara teori tidak akan ada konflik dalam DOM JQuery mempunyai dua penyelesaian untuk mengelakkan konflik: ("Sharp JQuery")
1. Pustaka JQuery diimport selepas perpustakaan lain
Panggil JQuery. Kaedah noConflict() memberikan $ kawalan kepada perpustakaan lain atau pintasan tersuai, $j = JQuery.noConflict();
2. Import perpustakaan JQuery sebelum perpustakaan lain
Gunakan JQuery terus untuk menggantikan $, dan $ boleh digunakan sebagai jalan pintas ke perpustakaan lain.