เรียนรู้ฟังก์ชันหลักของ jQuery วันนี้
jQuery (การแสดงออก, [บริบท])
ฟังก์ชันนี้รับสตริงที่มีตัวเลือก CSS และใช้สตริงนี้เพื่อจับคู่ชุดองค์ประกอบ
ฟังก์ชันหลักของ jQuery ถูกนำมาใช้ผ่านฟังก์ชันนี้ ทุกอย่างใน jQuery ขึ้นอยู่กับฟังก์ชันนี้ หรือใช้ฟังก์ชันนี้ในทางใดทางหนึ่ง การใช้งานขั้นพื้นฐานที่สุดของฟังก์ชันนี้คือการส่งผ่านนิพจน์ (โดยปกติจะประกอบด้วยตัวเลือก CSS) จากนั้นค้นหาองค์ประกอบที่ตรงกันทั้งหมดตามนิพจน์นี้
ตามค่าเริ่มต้น หากไม่ได้ระบุพารามิเตอร์บริบท $() จะค้นหาองค์ประกอบ DOM ในเอกสาร HTML ปัจจุบัน หากมีการระบุพารามิเตอร์บริบท เช่น ชุดองค์ประกอบ DOM หรือวัตถุ jQuery ก็จะค้นหาในบริบทนี้ (คัดลอกมาจาก jQuery API)
เพื่อเป็นการไม่ให้เสียเวลา เรามาดูตัวอย่างกันดีกว่า:
<!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>Hello World jQuery</title><style>.showtext{ พื้นหลัง:#999999; color:#990000; font-weight:800; width :auto; height:40px;}.showtext3{ พื้นหลัง:#666; color:#0000FF; width:auto; ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; font-size:18px; ตระกูลแบบอักษร:'新宋体'">การทดสอบ JQuery โดยไม่ได้ตั้งใจ!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / <br /> <input id="btnChange2" type="button" value="แก้ไขเนื้อหาเป็น Hello World jQuery!" /> <input id="btnChange2" type="button" value="แก้ไขเนื้อหา เพื่อทดสอบ JQuery โดยไม่ได้ตั้งใจ!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("คลิก ", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("Unintentionally Testing JQuery!!");});</script> <h4>ยังไงก็เถอะ ให้ฉันแนะนำกลุ่มอาวุโส QQ ของฉัน 67221760 (กลุ่มซื้อขายหุ้น)! </h4> <div><p>วันนี้ฉันมาทำงานสาย! </p></div><div></div><div><p>แต่คุณต้องเขียนบล็อกตรงเวลา</p></div><div><p>หักเงินก็ไม่สำคัญ เงินเดือนของคุณ</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() { //ตรงกับช่วงทั้งหมด องค์ประกอบ var showText= $("span"); //เพิ่มแอตทริบิวต์คลาสให้กับองค์ประกอบ span ทั้งหมด showText.addClass("showtext"); // จับคู่องค์ประกอบทั้งหมดที่มี p ใน div var selectDiv=$("div p" ); // การกำหนดเนื้อหาของ showtext showText.text ("ฉันจะทำอย่างไรถ้าบัสหมายเลข 93 ไม่มา"); // เพิ่มแอตทริบิวต์คลาสให้กับองค์ประกอบ selectdiv selectDiv.addClass ("showtext3"); เลือกองค์ประกอบผ่านชื่อคลาส CSS var selectByClass=$ (".showtext2"); selectByClass.text("ขอบอกก่อนว่าฉันตื่นเช้ามาก"); })</script></body></html>