Perbincangan ringkas tentang fungsi teras Jquery_jquery

Dalam Jquery, semua objek DOM akan dikapsulkan ke dalam objek Jquery, dan hanya objek Jquery boleh menggunakan kaedah atau sifat Jquery untuk melaksanakan operasi yang sepadan.

Jadi Jquery menyediakan fungsi yang boleh merangkum objek DOM ke dalam objek Jquery, iaitu fungsi teras Jquery jquery(), juga dikenali sebagai fungsi kilang.

Fungsi teras jquery mempunyai 7 lebihan beban, seperti berikut:

jquery() Fungsi ini mengembalikan objek jquery kosong.
jquery(elemen) Fungsi ini menukar satu atau lebih elemen DOM kepada objek Jquery (atau koleksi jquery)
jquery(panggilan balik) Fungsi ini ialah singkatan kepada jquery(dokumen).ready(panggilan balik). Fungsi ini akan mengikat fungsi yang akan dilaksanakan selepas dokumen DOM dimuatkan. Semua operasi jquery pada halaman yang perlu dilakukan apabila DOM dimuatkan perlu disertakan dalam fungsi ini. Fungsi ini boleh muncul beberapa kali pada halaman.
jquery(ungkapan,[konteks])
jquery(html)
jquery(html, props)
jquery(html,[ownerDocument])

Mari kita lihat mereka secara terperinci

jQuery(ungkapan, [konteks])

Fungsi ini menerima rentetan yang mengandungi pemilih CSS, dan kemudian menggunakan rentetan ini untuk memadankan set elemen.

Anda boleh mendapatkan semula objek DOM melalui doc[0] dan doc[1] masing-masing, dan yang lain adalah beberapa sifat dan kaedah yang unik untuk objek jQuery, sebenarnya, objek jQuery membalut objek DOM dan juga termasuk beberapa operasi pada elemen DOM kaedah jQuery.

Dalam proses menggunakan jQuery, langkah pertama dan langkah paling penting dalam kebanyakan kes ialah mendapatkan objek jQuery yang membungkus objek DOM untuk dimanipulasi dan kemudian menyelesaikan pemprosesan dengan memanggil kaedah objek jQuery yang diperolehi . Operasi pada objek DOM.

contohnya

1. Cari semua elemen dengan nod p dalam konteks #pertama, dan paparkan nilai yang sepadan dalam gelung.

$(function() {
    var items = $("p", "#first");
    $.each(items, function(i, n) {
      alert(i);
    });
  });

i ialah indeks yang sepadan, n ialah nod yang sepadan

2. Cari semua elemen p, dan elemen ini mestilah elemen anak bagi elemen div.

Kod HTML:
e388a4556c0f65e1904146cc1a846beesatu94b3e26ee717c64999d7867364b1b4a3 dc6dce4a544fdca2df29d5ac0ea9906be388a4556c0f65e1904146cc1a846beedua94b3e26ee717c64999d7867364b1b4a316b28748ea4df4d9c2150843fecfba68e388a4556c0f65e1904146cc1a846beetiga94b3e26ee717c64999d7867364b1b4a3

Kod jQuery:
$("div > p");0c6dc11e160d3b678d68754cc175188a

Keputusan:
[ e388a4556c0f65e1904146cc1a846beedua94b3e26ee717c64999d7867364b1b4a3]

3. Dalam bentuk pertama dokumen, cari semua butang radio (iaitu: elemen input dengan radio nilai jenis).

Kod jQuery:
$("input:radio", document.forms[0]);
                                                                                                                                                                                                                                           

jQuery(html, [ownerDocument])

Mencipta elemen DOM yang dibalut oleh objek jQuery secara dinamik berdasarkan rentetan penanda HTML mentah yang dibekalkan.

Anda boleh menghantar rentetan HTML tulisan tangan, rentetan yang dibuat oleh beberapa enjin templat atau pemalam atau rentetan yang dimuatkan melalui AJAX.

jQuery(html, props)

Mencipta elemen DOM yang dibalut oleh objek jQuery secara dinamik berdasarkan rentetan penanda HTML mentah yang dibekalkan. Tetapkan satu siri sifat, acara, dsb. pada masa yang sama.

Parameter

htmlString

Rentetan teg HTML digunakan untuk mencipta elemen DOM secara dinamik

propsMap

Sifat, acara dan kaedah untuk melekat pada elemen yang baru dicipta

Contoh

Penerangan:

Buat elemen div secara dinamik (dan semua kandungan di dalamnya) dan tambahkannya pada elemen badan. Di dalam fungsi ini, penandaan kepada penukaran elemen DOM dicapai dengan mencipta elemen buat sementara waktu dan menetapkan sifat innerHTML elemen kepada rentetan penanda yang diberikan. Oleh itu, fungsi ini mempunyai fleksibiliti dan had.

Kod jQuery:

$("<div>", {
 "class": "test",
 text: "Click me!",
 click: function(){
  $(this).toggleClass("test");
 }
}).appendTo("body");

Singkatan untuk $(document).ready().

Apabila DOM dimuatkan, laksanakan fungsi di dalamnya.

Kod jQuery:

 
$(function(){
 // 文档就绪
});

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.