Rumah >hujung hadapan web >tutorial js >Pengetahuan asas jQuery introduction_jquery
Pengetahuan asas jQuery introduction_jquery
- WBOYasal
- 2016-05-16 16:20:281253semak imbas
Fungsi perpustakaan JavaScript dan perbandingan
Untuk memudahkan pembangunan JavaScript, beberapa perpustakaan JavsScript telah dilahirkan. Ia boleh membantu pengguna mencipta halaman pelanggan yang kaya dengan ciri Web 2.0 yang sangat interaktif dan serasi dengan pelayar utama
Pada masa iniperpustakaan JavaScript yang popularadalah:
Pengenalan kepada jQuery
jQuery ialah satu lagi perpustakaan JavaScript yang sangat baik selepas Prototaip
Falsafah jQuery: Tulis kurang, buat lebih Kelebihannya adalah seperti berikut:
Ringan
Pemilih berkuasa
Ekapsulasi cemerlang operasi DOM
Mekanisme pengendalian acara yang boleh dipercayai
Ajax yang Sempurna
Keserasian pelayar yang sangat baik
Mod operasi rantai
……
jQuery: HelloWorld
objek jQuery
Objek jQuery ialah objek yang dihasilkan dengan membungkus objek DOM melalui jQuery ($())
Objek jQuery adalah unik kepada jQuery Jika objek ialah objek jQuery, maka ia boleh menggunakan kaedah dalam jQuery: $(“#persontab”).html();
Objek jQuery tidak boleh menggunakan sebarang kaedah objek DOM dan objek DOM tidak boleh menggunakan sebarang kaedah jQuery
Konvensyen: Jika anda memperoleh objek jQuery, tambahkan $ di hadapan pembolehubah
var $variable = objek jQuery
var pembolehubah = objek DOM
Objek DOM ditukar kepada objek jQuery
Untuk objek DOM, anda hanya perlu membalut objek DOM dengan $() (objek jQuery ialah objek yang dijana dengan membalut objek DOM melalui jQuery), dan anda boleh mendapatkan objek jQuery.
Selepas penukaran, anda boleh menggunakan kaedah dalam jQuery
Tukar objek jQuery kepada objek DOM
Objek jQuery tidak boleh menggunakan kaedah dalam DOM, tetapi jika jQuery tidak merangkum kaedah yang diingini dan anda perlu menggunakan objek DOM, terdapat dua kaedah seperti berikut:
(1) Objek jQuery ialah objek tatasusunan, dan objek DOM yang sepadan boleh diperolehi melalui kaedah [indeks]
(2) Gunakan kaedah get(index) dalam jQuery untuk mendapatkan objek DOM yang sepadan
Pemilih jQuery
Pemilih ialah asas jQuery Dalam jQuery, pemprosesan acara, traversal DOM dan operasi Ajax semuanya bergantung pada pemilih
.Kelebihan pemilih jQuery:
Kaedah penulisan yang mudah
Mekanisme pengendalian acara lengkap
Pemilih Asas
Pemilih asas ialah pemilih yang paling biasa digunakan dalam jQuery, dan ia juga merupakan pemilih paling mudah Ia mencari elemen DOM melalui id elemen, kelas dan nama teg (id hanya boleh digunakan sekali dalam halaman web dan kelas. dibenarkan untuk digunakan berulang kali) .
Tukar warna latar belakang elemen dengan id satu kepada # bbffaa
Tukar warna latar belakang semua elemen dengan kelas mini kepada #bbffaa
Tukar warna latar belakang semua elemen bernama
Tukar warna latar belakang semua elemen kepada #bbffaa
Tukar warna latar belakang semua dan elemen dengan id dua kepada # bbffaa
Pemilih Tahap
Jika anda ingin mendapatkan elemen khusus melalui hubungan hierarki antara elemen DOM, seperti elemen keturunan, elemen anak, elemen bersebelahan, elemen adik-beradik, dll., anda perlu menggunakan pemilih hierarki.
Nota: Pemilih ("prev ~ div") hanya boleh memilih elemen saudara selepas elemen "# prev" manakala kaedah siblings() dalam jQuery tiada kaitan dengan kedudukan depan dan belakang, selagi ianya; nod adik beradik, ia boleh memilih
Contoh pemilih hierarki
Tukar warna latar belakang semua
Tukar warna latar belakang
Artikel berkaitan
Lihat lagi