Mar 13, 2009

Chainability ngọt

Bởi: Mahbub: Các phương pháp

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.

chain

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

  1. Thay đổi chiều cao là 150px
  2. Thay đổi opacity đến 0,8
  3. Thêm một lớp được gọi là "pClass"
  4. 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 .

Không có hồi đáp cho "The Chainability ngọt ngào"

Bình luận Mẫu


  • Virendra: Có một plugin có sẵn mà là tốt hơn so với plugin này. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • Tina: Cảm ơn bạn cho danh sách này, bất kỳ các alpticapions sẽ đặc biệt hữu ích cho việc kinh doanh của một thợ chụp ảnh cưới Utah?
  • Janelle: để xem chuyên môn thực sự trên màn hình hiển thị. Cotnritbuion của bạn được chào đón nhất.

Translator

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Download