Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Adakah jquery pustaka fungsi js?
jquery ialah pustaka fungsi JavaScript; jquery ialah pustaka JavaScript yang ringan, pantas dan ringkas, sangat memudahkan pengaturcaraan JavaScript, merangkum kod fungsi JavaScript biasa dan menyediakan mod Reka Bentuk JavaScript yang ringkas, mengoptimumkan operasi dokumen HTML. pengendalian acara, reka bentuk animasi dan interaksi Ajax.
Persekitaran pengendalian artikel ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
jQuery ialah perpustakaan JavaScript yang pantas dan ringkas, yang sangat memudahkan pengaturcaraan JavaScript. Tujuan reka bentuk jQuery ialah "tulis kurang, buat lebih", yang bermaksud menulis kurang kod dan melakukan lebih banyak perkara. Ia merangkum kod fungsi yang biasa digunakan dalam JavaScript, menyediakan corak reka bentuk JavaScript yang mudah, dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.
jQuery ialah rangka kerja JavaScript yang pantas dan ringkas Ia merupakan satu lagi pustaka kod JavaScript (atau rangka kerja JavaScript) yang sangat baik selepas Prototaip. Tujuan reka bentuk jQuery ialah "tulis kurang, buat lebih", yang bermaksud menulis kurang kod dan melakukan lebih banyak perkara. Ia merangkum kod fungsi yang biasa digunakan dalam JavaScript, menyediakan corak reka bentuk JavaScript yang mudah, dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.
Ciri teras jQuery boleh diringkaskan seperti berikut: Ia mempunyai sintaks rantaian yang unik dan antara muka berbilang fungsi yang pendek dan jelas Ia mempunyai pemilih CSS yang cekap dan fleksibel, dan boleh memanjangkan pemilih CSS; mempunyai sambungan pemalam yang mudah Mekanisme dan pemalam yang kaya. jQuery serasi dengan pelbagai penyemak imbas arus perdana, seperti IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, dll.
Sintaks dan pemilih
Sintaks jQuery ialah untuk memilih elemen HTML dan melaksanakan operasi tertentu pada elemen yang dipilih.
Sintaks asas: $(selector).action()
Definisi tanda dolar jQuery
Elemen HTML "pertanyaan" dan "cari" pemilih
jQuery's action() melaksanakan operasi pada elemen
fungsi kemasukan jquery:
$(document).ready(function(){ // 执行代码 });
atau
$(function(){ // 执行代码 });
pemilih
#id Selector
Klik butang untuk menyembunyikan pemilih dengan ujian id
$(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); });
.Pemilih kelas
Klik butang untuk menyembunyikan pemilih dengan ujian kelas Sembunyikan
$(document).ready(function(){ $("button").click(function(){ $(".test").hide(); }); });
Acara
$().click(function(){ …. })
Untuk acara lain, sila rujuk API di penghujung artikel
Dapatkan dan tetapkan kelas css
addClass() - Tambah satu atau lebih kelas pada elemen yang dipilih
removeClass() - Alih keluar satu daripada elemen yang dipilih atau berbilang kelas
toggleClass() - melaksanakan operasi pensuisan menambah/mengalih keluar kelas pada elemen yang dipilih
css() - menetapkan atau mengembalikan atribut gaya
Contoh:
$(document).ready(function(){ $("button").click(function(){ $("body div:first").addClass("important blue"); }); }); .important { font-weight:bold; font-size:xx-large; } .blue { color:blue; }
Cadangan tutorial berkaitan: Tutorial video jQuery
Atas ialah kandungan terperinci Adakah jquery pustaka fungsi js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!