$ .Each: วิธีนี้ใช้ในการวนซ้ำผ่านคอลเลกชันใด ๆ รวมถึงอาร์เรย์และวัตถุ
$ (selector) .Each: วิธีนี้ใช้ในการสำรวจวัตถุ jQuery
ไวยากรณ์: $ .Each (obj, callback, args)
transfer ผ่านอาร์เรย์
var arr = ["a", "b", "c", "d", …];
$ .Each (arry, ฟังก์ชั่น (ดัชนี, ค่า) {…})
ในฟังก์ชันการโทรกลับ: ดัชนีแสดงถึงดัชนีของอาร์เรย์ค่าแสดงถึงค่าในอาร์เรย์
②การถ่ายโอนวัตถุ JSON
var json = {key1: value1, key2: value2, key3: value3}
$ .Each (JSON, FUNCTION (คีย์, ค่า) {…})
ในฟังก์ชั่นการโทรกลับ: คีย์หมายถึงคีย์ในวัตถุ JSON ค่าแสดงถึงค่าในวัตถุ JSON
③การเดินทางผ่านวัตถุ jQuery
var doms = $ ("div"); // jQuery Object เป็นคอลเลกชันและวัตถุ jQuery สามารถแปลงเป็นวัตถุ DOM ผ่านการจัดทำดัชนี
$ .Each (DOMS, ฟังก์ชั่น (ดัชนี, ค่า) {.. })
ในฟังก์ชั่นการโทรกลับ: ดัชนีแสดงถึงดัชนีในวัตถุ jQuery ค่าแสดงถึงวัตถุ DOM ในวัตถุ jQuery และวัตถุ DOM เดียวกันสามารถรับได้ผ่านสิ่งนี้
มีอีกวิธีหนึ่งในการเขียน③ซึ่งก็คือ $ ("div") แต่ละ (ฟังก์ชั่น (ดัชนี, ค่า) {…})
สำหรับวิธี $ .Each คุณสามารถออกจากลูปได้โดยการส่งคืน FALSE ในฟังก์ชันการโทรกลับ หากส่งคืนจริงมันจะเทียบเท่ากับการดำเนินการต่อในการวนรอบ
คำถาม: ทำไมสิ่งนี้จึงอยู่ใน $ () ฟังก์ชั่นการโทรกลับแต่ละรายการไม่ใช่วัตถุ jQuery แต่เป็นวัตถุ DOM
เนื่องจากสาระสำคัญของ $ () แต่ละวิธีจะถูกนำไปใช้โดยการโทร $ .each เราสามารถดูรหัสที่เรียกว่า back.apply (Object [i ++], ARGS) โดยการวิเคราะห์ซอร์สโค้ด $ .Each
สำหรับวัตถุที่ส่งผ่านใน $ () แต่ละวัตถุ [i ++] แปลงวัตถุ jQuery เป็นวัตถุ DOM จากนั้นจี้คุณสมบัติของวัตถุตามวิธีการใช้งานจากนั้นในฟังก์ชันการโทรกลับจะเปลี่ยนเป็นวัตถุ DOM
เรามักจะเห็นวิธีการเขียนนี้ในปลั๊กอิน jQuery ผ่านการวิเคราะห์ข้างต้นฉันคิดว่าฉันควรเข้าใจมัน
$ .fn.test = function (ตัวเลือก) {return this.each (function () {// นี่คือการแจ้งเตือนวัตถุ jQuery (นี่); // และนี่คือวัตถุ DOM})}บทความข้างต้นมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับ $ .each และ $ (ตัวเลือก). Eeach เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น