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 fungsi js

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!