Pelajari fungsi inti jQuery hari ini.
jQuery(ekspresi,[konteks])
Fungsi ini mengambil string yang berisi pemilih CSS dan menggunakan string ini untuk mencocokkan sekumpulan elemen.
Fungsi inti jQuery diimplementasikan melalui fungsi ini. Segala sesuatu di jQuery didasarkan pada fungsi ini, atau menggunakan fungsi ini dalam beberapa cara. Penggunaan paling dasar dari fungsi ini adalah untuk meneruskan ekspresi (biasanya terdiri dari pemilih CSS) dan kemudian menemukan semua elemen yang cocok berdasarkan ekspresi ini.
Secara default, jika parameter konteks tidak ditentukan, $() akan mencari elemen DOM dalam dokumen HTML saat ini; jika parameter konteks ditentukan, seperti kumpulan elemen DOM atau objek jQuery, ia akan mencari dalam konteks ini. (Dikutip dari jQuery API)
Tanpa berlama-lama langsung saja kita lihat contohnya:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http ://www.w3.org/1999/xhtml"><head><title>Halo Dunia jQuery</title><style>.showtext{ background:#999999; color:#990000; font-weight:800; width :auto; tinggi:40px;}.showtext3{ latar belakang:#666; warna:#0000FF; font-weight:600; lebar:auto; ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; font-size:18px; font-family:'新宋体'">Pengujian JQuery yang tidak disengaja!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Ubah konten menjadi Hello World jQuery!" /> <input id="btnChange2" type="button" value="Ubah konten untuk pengujian JQuery yang tidak disengaja!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("klik",fungsi(acara){$("#divMsg").hide("lambat")}); $("#btnChange").bind ("klik ", fungsi(acara) { $("#divMsg").html("Halo Dunia jQuery!"); }); $("#btnChange2").bind("klik",fungsi(acara){ $(" #divMsg").html("Tidak sengaja menguji JQuery!!");});</script> <h4>Ngomong-ngomong, izinkan saya memperkenalkan grup senior QQ saya 67221760 (grup perdagangan saham)! </h4> <div><p>Saya terlambat ke kantor hari ini! </p></div><div></div><div><p>Tetapi Anda harus membuat blog tepat waktu</p></div><div><p>Tidak masalah jika Anda mengurangi gaji Anda</p> </div><span>9999999999999999999</span><span class="showtext2">333333333333333333</span><script Language="javascript">$( function() { //Cocok dengan semua rentang elements, var showText= $("span"); //Tambahkan atribut kelas ke semua elemen span showText.addClass("showtext"); //Cocokkan semua elemen yang mengandung p di div var selectDiv=$("div p" ); //penugasan Konten showtext showText.text("Apa yang dapat saya lakukan jika bus No. 93 tidak datang"); //Tambahkan atribut kelas ke elemen selectdiv selectDiv.addClass("showtext3"); Pilih elemen melalui nama kelas CSS var selectByClass=$ (".showtext2"); selectByClass.text("Izinkan saya menyatakan bahwa saya bangun pagi-pagi sekali." })</script></body></html>