13 מרס 2009

Chainability מתוק

פורסם על ידי: Mahbub ב: שיטות

אחד הדברים הטובים ביותר על jQuery היא היכולת שרשרת של אותו כמעט לכל שיטות של זה. אם "היכולת שרשרת" נשמע עברית, הנה הסבר קטן מה זה.

chain

בוא נגיד שיש לך <div id="myDiv"> לורם איפסום </ p>

ואתה צריך לעשות את הפעולות הבאות

  1. לשנות את גובה 150px
  2. לשנות את אטימות 0.8
  3. הוסף המעמד שנקרא "pClass"
  4. ולהגדיר את הטקסט בתוך div כמו "אנחנו העולם"

אז, מה היית עושה בנסיבות רגילות? אתה כותב ארבע שורות של קוד. למשל, אם אתה משתמש jQuery בדרך המקובלת אתה בטח כותב

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") CSS ("גובה", "150px").
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0.8). 
 ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") טקסט ("אנחנו העולם"). 

אבל אם אנו משתמשים בשיטה chaininig היינו פשוט לכתוב

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("גובה", "150px") fadeTo (500, 0.8) addClass ("pClass") טקסט ("אנחנו העולם").. 

נראה מבולגן? לא נראה לי. זה קריא, אלא אם כן אתה מכניס לא מעט שיטות לאובייקט שהוא מאוד לא סביר. אז זה שרשור.

מאחורי המסכים, הקשר נעשה רק על ידי החזרת itselft אובייקט לאחר החלת השיטה. זה בדיוק כמו איך אנו משתמשים בשיטות של אובייקט כמו Javascript

  "Lorem Ipsum Dolor" ; var myString = "לורם איפסום דולור"; 
  ( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () מחרוזת (0, 5); 

וזו מתנה, כאשר יש לנו אפשרויות לעשות דברים כאלה. מי רוצה לכתוב קוד יותר כאשר יש כבר דרכים לעשות את זה קצר? לפחות אני לא. אז כמעט כל השיטות

ב jQuery יש chainability זה. כל השיטות רשת, מחזיר את האובייקט עצמו jQuery כל כך שיטות נוספות ניתן להחיל את זה.

אתה יכול לראות את הקוד הנ"ל פועל כאן .

אין תגובות ל "Chainability מתוק"

תגובה טופס


  • Virendra: יש תוסף חדש זמין וזה טוב יותר מאשר תוסף זה. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • טינה: תודה על רשימה זו של, כל אלה alpticapions יהיה מועיל במיוחד עבור העסק של צלם החתונה יוטה?
  • ג'אנל: טוב לראות מומחיות של ממש על התצוגה. Cotnritbuion שלך היא מבורכת ביותר.

מתרגם

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

תגיות