การบันทึกชุดองค์ประกอบลงในตัวแปรผ่าน jQuery

คุณสามารถไม่สร้างสายโซ่ $('.www').html('!!!'), แต่ให้บันทึกชุดองค์ประกอบ $('.www') ลงในตัวแปรก่อน (ฉันเรียกมันว่า elems), จากนั้นค่อยนำเมธอด .html('!!!') ไปใช้กับตัวแปรนี้ ตัวอย่างเช่น รหัส HTML ของเราดูเหมือนดังนี้:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

และนี่คือลักษณะของรหัสที่เขียนด้วย JavaScript:

let elems = $('.www');
elems.html('!!!');

มีข้อตกลงที่ควรใช้เพื่อความสะดวก: ชื่อตัวแปรที่มีชุด jQuery ที่ถูกห่อหุ้มไว้ข้างในนั้น ควรเริ่มต้นด้วยเครื่องหมายดอลลาร์ กล่าวคือในกรณีของเรา ไม่ควรใช้ elems แต่ควรใช้ $elems

หากชื่อตัวแปร $elems นี้ทำให้คุณสับสน - โปรดทราบว่าเครื่องหมายดอลลาร์ใน JavaScript เป็น สัญลักษณ์ธรรมดาและสามารถใช้ได้ทุกที่ คุณสามารถสร้างชื่อฟังก์ชันที่ประกอบด้วย สัญลักษณ์เดียวคือ $ ได้ ดังที่ทำใน jQuery และไลบรารีอื่นๆ

ดังนั้น อีกครั้ง - หากคุณต้องการบันทึกอาร์เรย์ jQuery ลงในตัวแปร ตัวแปรนั้นควรเริ่มต้นด้วย เครื่องหมายดอลลาร์ตามธรรมเนียม ไม่จำเป็นต้องทำ แต่ช่วยให้เข้าใจได้ตั้งแต่แรกเห็นว่าตัวแปรนี้ มีกลุ่มองค์ประกอบอยู่และเมธอดทั้งหมดของ jQuery สามารถนำมาใช้กับตัวแปรนี้ได้

ลองใช้สิ่งนี้ในตัวอย่างของเราด้วยรหัส HTML ด้านล่าง:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

ในขณะที่ JavaScript มีลักษณะดังนี้:

let $elems = $('.www');
$elems.html('!!!');

ในทำนองเดียวกันสำหรับการแทรกข้อความ สามารถใช้ เมธอด text:

$('.www').text('!!!');

ตั้งข้อความ '!!!' ให้กับทุก h3 โดยใช้เมธอด text