Analisis mendalam tentang persamaan dan perbezaan antara JQuery dan JavaScript_jquery

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

4. Konflik

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.