Adakah jquery pustaka fungsi js?

WBOY
Lepaskan: 2022-07-26 17:27:59
asal
2172 orang telah melayarinya

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.

Adakah jquery pustaka fungsi js?

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(){
     // 执行代码
});
Salin selepas log masuk

atau

$(function(){
    // 执行代码
});
Salin selepas log masuk

pemilih

#id Selector

Klik butang untuk menyembunyikan pemilih dengan ujian id

$(document).ready(function(){ 
$("button").click(function(){ 
$("#test").hide(); 
}); 
});
Salin selepas log masuk

.Pemilih kelas

Klik butang untuk menyembunyikan pemilih dengan ujian kelas Sembunyikan

$(document).ready(function(){ 
$("button").click(function(){ 
$(".test").hide(); 
}); 
});
Salin selepas log masuk

Acara

$().click(function(){
….
})
Salin selepas log masuk

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;
}
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!