Analisis penggunaan kaedah jQuery() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah jQuery() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Takrifan dan penggunaan kaedah jQuery(): Kaedah ini boleh menerima set pemilih untuk memadankan elemen yang sepadan. Contohnya:

Salin kod Kod adalah seperti berikut: jQuery("div") Dalam aplikasi praktikal, $ biasanya digunakan untuk mentakrifkan jQuery Sebenarnya, $ ialah singkatan jQuery Sebagai contoh, $("li") boleh ditulis sebagai jQuery("li"). Fungsi teras jQuery semuanya dilaksanakan melalui kaedah ini, atau dilaksanakan menggunakan kaedah ini dalam beberapa cara. Berikut adalah pengenalan terperinci kepada penggunaan kaedah ini. Struktur tatabahasa 1: Apabila kaedah jQuery() tidak mempunyai sebarang parameter, ia akan mengembalikan objek jQuery kosong.

Salin kod Kod adalah seperti berikut: jQuery() Contoh kod:

Salin kod Kod adalah seperti berikut: jQuery() function-Script Home $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ makluman(jQuery().panjang); }) }) Klik untuk melihat kesan Struktur tatabahasa 2:

Salin kod Kod adalah seperti berikut: jQuery(pemilih,konteks) Senarai parameter:

<table class="t_table jbborder" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 653px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 104px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 selector 用来匹配元素的选择器。 context 可选。待查找的DOM元素集、文档或者jQuery对象。 如果没有指定，则就是当前整个文档。 Jika tidak dinyatakan, ia adalah keseluruhan dokumen semasa.

Contoh kod: Contoh 1:

Salin kod Kod adalah seperti berikut: jquery() function-Script Home $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("li").css("warna","merah"); }) }) DIV CSS Zon jQuery Zone Zon HTML ASP Zon Rumah Skrip Selamat Datang Matahari sudah terkeluar

Klik untuk melihat kesan Kod di atas boleh menetapkan warna fon dalam elemen li kepada merah. Contoh 2:

Salin kod Kod adalah seperti berikut: jquery() function-Script Home $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("li",$("div")).css("warna","merah"); }) }) DIV CSS Zon jQuery Zone Zon HTML ASP Zon Rumah Skrip Selamat Datang Matahari sudah terkeluar

Klik untuk melihat kesan Kod di atas menetapkan warna fon dalam elemen li dalam div kepada merah. Struktur tatabahasa tiga: Tukar elemen DOM dan tatasusunan elemen DOM kepada objek jQuery.

Salin kod Kod adalah seperti berikut: jQuery(element|elementArray) Senarai parameter:

<table class="t_table jbborder" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 659px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 85px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 element 要转换成jQuery对象的DOM元素。 elementArray 要转换成jQuery对象的DOM元素数组。 Contoh kod: Contoh 1:

Salin kod Kod adalah seperti berikut: jquery() function-Script Home $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $(document.getElementById("first")).css("color","red"); }) }) DIV kawasan CSS jQuery Zone Zon HTML ASP Zon Rumah Skrip Selamat Datang Matahari sudah terkeluar

Klik untuk melihat kesan Kod di atas boleh menetapkan warna fon dalam elemen li dengan id dahulu kepada merah. Contoh 2:

Salin kod Kod adalah seperti berikut: jQuery() function-Script Home $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $(document.getElementsByTagName("li")).css("color","red"); }) }) DIV kawasan CSS jQuery Zone Zon HTML ASP Zon Rumah Skrip Selamat Datang Matahari sudah terkeluar

Klik untuk melihat kesan Struktur tatabahasa empat:

Salin kod Kod adalah seperti berikut: jQuery(panggilan balik) jQuery (panggilan balik) ialah singkatan daripada $(document).ready(), yang digunakan dalam beberapa contoh di atas. Fungsinya adalah untuk melaksanakan fungsi panggil balik selepas dokumen dimuatkan. Senarai parameter: <table class="t_table jbborder" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 657px; border-collapse: collapse; font: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 61px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 callback 文档加载完成之后要执行的函数。

Contoh kod:

Salin kod Kod adalah seperti berikut: jQuery() function-Script Home jQuery(fungsi(){ alert("Pemuatan dokumen selesai"); })

Salin kod Kod adalah seperti berikut: jQuery(function(){ alert("Pemuatan dokumen selesai"); }) Fungsinya adalah sama seperti kod berikut:

Salin kod Kod adalah seperti berikut: $(document).ready(function(){ alert("Pemuatan dokumen selesai"); }) Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.