Rumah >hujung hadapan web >tutorial js >Nota jQuery tentang jQuery DOM Events_jquery yang Biasa Digunakan

Nota jQuery tentang jQuery DOM Events_jquery yang Biasa Digunakan

WBOY
WBOYasal
2016-05-16 15:29:041180semak imbas

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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn