Một trong những điều tốt nhất về jQuery là khả năng chuỗi cho gần như tất cả các phương pháp của nó. Nếu khả năng "chuỗi âm thanh hebrew, đây là một lời giải thích ít những gì nó được.
Hãy nói rằng bạn có <div id="myDiv"> Lorem Ipsum </ div>
Và bạn cần phải làm như sau
- Thay đổi chiều cao là 150px
- Thay đổi opacity đến 0,8
- Thêm một lớp được gọi là "pClass"
- Và thiết lập các văn bản bên trong div như "Chúng tôi là thế giới"
Vì vậy, những gì bạn sẽ làm gì trong trường hợp bình thường? Bạn viết dòng mã. Cũng giống như nếu bạn sử dụng jQuery theo cách thông thường bạn có thể muốn viết
1 2 3 4 | ; là thế giới "); |
Nhưng nếu chúng ta sử dụng phương pháp chaininig chúng tôi chỉ đơn giản là muốn viết
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; $ ("# MyDiv") css ("chiều cao", "150px") fadeTo (500, 0,8) addClass (pClass ") văn bản (" Chúng tôi là thế giới ").;
Trông lộn xộn? Tôi không nghi vậy. Nó có thể đọc được trừ khi bạn đặt khá nhiều phương pháp để một đối tượng là rất khó xảy ra. Vì vậy, đó là chuỗi.
Đằng sau màn hình, chaining chỉ đơn giản là thực hiện bằng cách trả lại itselft đối tượng sau khi áp dụng phương pháp. Nó khá giống như cách chúng tôi sử dụng phương pháp trong Javascript đối tượng như
"Lorem Ipsum Dolor" ; var myString = "Lorem Ipsum dolor";
( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () substring (0, 5);
Và đây là một món quà khi chúng tôi có các tùy chọn để làm những việc như thế. Ai muốn viết mã nhiều hơn khi đang có cách để làm cho nó ngắn? Ít nhất là tôi làm không. Vì vậy, hầu như tất cả các phương pháp
jQuery có chainability này. Tất cả các phương pháp mà chuỗi, trả về đối tượng jQuery toàn bộ chính nó vì vậy mà các phương pháp có thể được áp dụng cho nó.
Bạn có thể xem các mã trên chạy ở đây .











































Nhận xét gần đây