"return this.each()" làm gì trong jQuery?

Question

Tôi đang xem một plugin jQuery, có một chức năng duy nhất. Sau khi thiết lập giá trị mặc định thích hợp mặc dù một đối số nhà xây dựng chức năng định nghĩa một vài chức năng helper, và sau đó là phần cuối cùng trả về một cuộc gọi đến this.each(), như vậy:

return this.each(function() { 
//long method defined here 
}); 

Tôi hiểu việc sử dụng this.each() trong việc sửa đổi các phần tử DOM phù hợp và như vậy, nhưng câu lệnh return trả về là gì? Một số loại phần tử DOM đã sửa đổi, sau đó có thể bị xích trong các cuộc gọi khác?

Tôi đã đọc về this.each trên trang web này nhưng tôi không thể hoàn toàn hiểu được những gì return có ở đây. Cảm ơn bạn đã giúp làm rõ điều này.

Answer 1

Nó cho phép một để gọi một plugin hoặc một sự kiện trên một loạt các yếu tố và sau đó áp dụng cùng chức năng hoặc sự kiện để tất cả trong số họ

Vì vậy, nếu bạn làm:

$('.selector').myPlugin(); 

Và nếu, chúng ta hãy nói, .selector chứa 10 yếu tố, tất cả 10 yếu tố sẽ nhận được bất cứ điều gì myPlugin.

---

Lý do trả lại rằng .each tuyên bố là vì .each() trả về bất kỳ nó đã được đưa ra và nó cho phép bạn chuỗi nhiều chức năng và bổ sung với nhau trên một yếu tố jQuery.

Ví dụ:

$('.selector').myPlugin().yourPlugin(); 

Answer 2

.each trả lại các phần tử được gọi, vì vậy trong trường hợp này, có thể là duy trì khả năng của các phương thức bị xích trên bộ chọn đó. Điều đó có nghĩa rằng nếu phương pháp plugin CỦA được gọi foo, bạn sẽ có thể để làm

$("mySelector").foo().show(); 

Vì foo trả lại kết quả của .each mà về cơ bản là $("mySelector").

Hy vọng rằng sẽ có ý nghĩa.

Answer 3

này làm cho nó có thể để giữ đối tượng chuỗi, vì vậy bạn có thể gọi các phương thức jquery như thế này:

$("selector").css().mouseover().etc().blahblah(); 

Answer 4

Nó làm cho chức năng thể kết nối

http://docs.jquery.com/Plugins/Authoring#Maintaining_Chainability

Answer 5

Nó trả về đối tượng JQuery phương pháp được gọi là trên như đã nêu trong docs. Vì vậy, bạn có thể gọi một phương thức khác trên giá trị trả về.

// without method chaining 
myobject.a() 
myobject.b() 
myobject.c() 

// with method chaining 
myobject.a().b().c(); 

Xem method chaining và fluent interface