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

בוא נגיד שיש לך <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 כל כך שיטות נוספות ניתן להחיל את זה.

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

ובכן, היו כתבות רבות על WWW אשר יספיק "למה jQuery היא הבחירה". מבחינתי, זה פשוט מדויק, מובנה היטב, עקומת למידה גבוהה וקל לשימוש. כשהייתי בתחילת חזרה undergrad שלי בשנת 1999, לא היתה הספרייה להתמודד עם בעיות דפדפנים (Netscape להשתמש בו כדי להפוך את החיים העלובים של מתכנתים JavaScript). אז היינו צריכים לכתוב תסריטים יותר למטרה מסוימת ולטפל בנושאים דפדפנים. תומאס Brattli ב dhtmlcentral נתן כמה תסריטים רעים על תפריטים ועוד כמה ספריות אשר השתמשנו ליישם. אך מעל לכל אין ספרייה כזאת טובה שיכולה לעשות קסמים, ספרייה שניתן להרחיב בקלות את הדרך בה אתה רוצה, משהו עומד בתקן תכנות אמיתית. מסע אל מה שהופך JavaScript במסגרת החלו יותר מוקדם. ישנם מספר לא מבוטל של ספריות שהחל כלומר mochikit, אב טיפוס, MooTools, הדוג'ו וכו 'אבל אתה צריך להשתמש jQuery עבור:

1. קל מאוד, שוקל פחות מ 20k כאשר ממוזער gzipped.
2. עקומת למידה גבוהה.
3. סופר chainability. כמעט כל שיטת jQuery מחזירה את אובייקט jQuery המאפשר לך לשים שיטות זנבות בזה אחר זה. .. כמו $ ("# div_one") CSS ("גבול", "1px solid # 000") fadeTo (300,0.5) slideUp (300).
4. ניתן להשתמש עם ספריות אחרות כמו MooTools באמצעות noconflict ().
5. קל לכתוב תוספים.
6. הקוד הופך להיות קצר, מתוק וקל להבנה.
7. אתה לא חייב להיות למעלה חנון Javascript לכתוב קודים jQuery.
8. חשוב: תמיכה בקהילה עצום תרומות.
9. בשימוש על ידי הגדולות יישומי קוד פתוח כמו דרופל, וורדפרס.
10. מיקרוסופט בחרה jQuery להשתמש בו עם היישומים שלהם. (יכול להיות נקודה טובה כמה אוהדים טרשת נפוצה )
11. קל מאוד לשחק עם DOM. הרבה שנבנה בשיטות משולבות. סלקטורים ודום untuitive מאוד.
12. תומך סלקטורים XPath.
13. מאוד קל מאוד מובנית שירות Ajax. (להשאיר לי מייל אם מישהו צריך לדעת כמה קל זה).

בסדר .. מספיק לעת עתה. הרשימה יכולה להימשך זמן רב למדי.

יותר לבוא בקרוב.

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

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

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

• ספריית jQuery (להורדה http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) זוהי המהדורה העדכנית, כאשר אני כותב את הפוסט.
• דפדפן מודרני (IE 6.0 +, 2 + FF, Safari 2.0, Opera 9.0 +) מופעלת כאשר JavaScript.
• ואת עורך טקסט (Fav שלי Notepad + +)

אני מניח שכולנו יודעים איך דף HTML בסיסי נראה. היינו רק להפעיל פיסת קוד פשוטה של ​​הוספת ספריית jQuery
עכשיו, פשוט להעתיק ולהדביק את הקוד הנ"ל ולשמור אותו לקרוא "jQuery-test.html". קרא את שאר ערך זה »