Rumah >hujung hadapan web >tutorial js >Nota jQuery tentang jQuery DOM Events_jquery yang Biasa Digunakan
Dom ialah singkatan kepada Model Objek Dokumen, yang bermaksud model objek dokumen. DOM ialah antara muka yang bebas daripada pelayar, platform dan bahasa Anda boleh menggunakan antara muka ini untuk mengakses semua komponen standard dalam halaman dengan mudah.
Operasi DOM boleh dibahagikan kepada tiga aspek: Teras DOM, HTM-DOM dan CSS-DOM.
kaedah elemen DOM jQuery
Fungsi | Penerangan |
---|---|
.dapatkan() | Dapatkan elemen DOM yang ditentukan oleh pemilih. |
.index() | Mengembalikan kedudukan indeks elemen yang ditentukan berbanding dengan elemen lain yang ditentukan. |
.saiz() | Mengembalikan bilangan elemen yang dipadankan oleh pemilih jQuery. |
.toArray() | Mengembalikan elemen yang dipadankan oleh pemilih jQuery sebagai tatasusunan. |
1.attr() .removeAttr()
Kaedah.attr() boleh menghantar parameter pasangan nilai nama atau parameter objek yang mengandungi lebih daripada dua pasangan nilai nama, contohnya:
.attr('src','images/a.jpg');
.attr({ rel:'www', id:'zz', title:'some', some:'111' });
Sudah tentu, anda juga boleh mengalih keluar satu atau lebih atribut.removeAttr('id rel');
2.prop()
Kaedah ini boleh mendapatkan nilai atribut
Lepaskan nama atribut (rentetan) nilai yang anda ingin dapatkan, seperti .prop('id');
Tetapkan nilai id (ubah suai atribut yang wujud dalam DOM itu sendiri seperti href dan id teg a)
.prop('id','otherid');
3.val()
Kaedah ini sering digunakan untuk mendapatkan nilai kawalan borang
4.insertBefore() .insertAfter() .prependTo() .appendTo()
.insertBefore() menambah kandungan di luar dan sebelum elemen sedia ada; (operasi terbalik .before())
.insertAfter() menambah kandungan di luar dan selepas elemen sedia ada; (operasi terbalik .after())
.prependTo() menambah kandungan di dalam dan sebelum elemen sedia ada; (operasi terbalik .prepend())
.appendTo() menambah kandungan di dalam dan selepas elemen sedia ada; (operasi terbalik .append())
5.klon()
Kaedah ini boleh menyalin elemen salinan Jika anda memerlukan elemen yang disalin untuk mewarisi peristiwa lain, anda perlu menghantar nilai Boolean sebagai parameter, .clone(true)
6.wrap() .wrapAll() .wrapInner()
.wrap() dan .wrapInner() boleh difahami sebagai relatif .wrap() dibalut satu lapisan di luar elemen, manakala .wrapWith() dibalut satu lapisan di dalam elemen,Dan .wrapAll() membalut semua elemen yang dipadankan
7.html() .text() .replaceWith() .replaceAll()
.html() boleh menghantar teks atau nod DOM;.text() hanya boleh membaca atau menggantikan teks;
.replaceWith(). . . Gantikan "ke". . . ;
.replaceAll(). . . Gantikan "memberi". . .
8.kosong()
Alih keluar elemen
9.detach() .remove()
Kedua-dua kaedah ini agak serupa, tidak akan memadamkan elemen padanan daripada objek jQuery, tetapi masih terdapat perbezaan:.detach() Semua acara terikat, data tambahan, dsb. akan dikekalkan
.remove() Selain elemen itu sendiri dikekalkan, elemen lain seperti
Peristiwa terikat, data yang dilampirkan, dsb. akan dialih keluar.