Mari kita bincangkan tentang beberapa kegunaan simbol jQuery $

jQuery ialah perpustakaan JavaScript yang sangat popular yang memudahkan pengaturcaraan JavaScript dan memudahkan operasi seperti traversal dan manipulasi dokumen HTML, pengendalian acara, animasi dan Ajax.

simbol jQuery$ ialah salah satu fungsi yang paling biasa digunakan. Ia mempunyai banyak kegunaan, dan artikel ini akan memperkenalkan sebahagian daripadanya.

1. Pemilih

simbol jQuery$ boleh digunakan sebagai pemilih untuk memilih elemen. Anda boleh menghantar simbol $ sebagai pemilih CSS dan ia akan mengembalikan objek jQuery untuk semua elemen yang sepadan dengan pemilih itu. Sebagai contoh, $("div") akan mengembalikan objek jQuery untuk semua div dalam halaman. Jika anda ingin memilih elemen tertentu, anda boleh menggunakan pemilih CSS dalam kombinasi dengan pemilih lain, seperti id atau nama kelas.

Contoh:

//选择class为example的元素
$(".example")

//选择id为foo的元素
$("#foo")

//选择带有名为"data_role"属性的所有元素
$("[data-role]")

//选择第一个p元素
$("p:first")

2. Pengendalian acara

Mengendalikan acara melalui fungsi jQuery$ adalah sangat mudah. Pengendali acara boleh didaftarkan menggunakan fungsi on(). Contohnya, kod berikut akan menyebabkan peristiwa klik butang menukar teks butang:

//选中按钮元素
var button = $("button");

//注册点击事件处理函数
button.on("click", function() {
  button.text("Clicked!");
});

3. Operasi pada elemen

Operasi pada elemen melalui jQuery Fungsi $ Operasi ini juga sangat mudah. Sebagai contoh, anda boleh menggunakan fungsi text() untuk mendapatkan atau menetapkan kandungan teks elemen:

//获取id为foo的元素文本内容
console.log($("#foo").text());

//将id为foo的元素文本内容设置为“Hello World！”
$("#foo").text("Hello World!");

Anda juga boleh menggunakan fungsi append() untuk menambah elemen pada dokumen.

//创建一个新的div元素
var newDiv = $("<div></div>");

//将新元素添加到body中
$("body").append(newDiv);

4. Kesan animasi

jQuery juga boleh menggunakan kesan animasi untuk menukar sifat unsur. Sebagai contoh, anda boleh menggunakan fungsi animate() untuk menukar kedudukan, saiz, warna dan atribut lain bagi sesuatu elemen.

//通过动画移动元素
$("#foo").animate({left: '+=10px'}, 'slow');

Kod ini akan mengalihkan elemen 10 piksel ke kanan, menggunakan kelajuan "perlahan".

Ringkasan

Di atas adalah beberapa kegunaan fungsi jQuery$. jQuery menjadikan pengaturcaraan JavaScript sangat mudah melalui pemilih, pengendalian acara, manipulasi elemen dan kesan animasi. Jika anda tidak pernah menggunakan jQuery sebelum ini, saya sangat mengesyorkan anda mencubanya.

Atas ialah kandungan terperinci Mari kita bincangkan tentang beberapa kegunaan simbol jQuery $. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!