למה אנחנו צריכים ואיך להקליט JQuery-בורר?

מעצב אינטרנט מודרני לא צריך רק לשלוט על העקרונות הבסיסיים של HTML, CSS ו- JavaScript, אלא גם להיות מסוגל לעבוד בספריית JQuery, אשר מתמקדת באינטראקציה של JavaScript עם מסמכי HTML. בכך שהיא מאפשרת גישה מהירה לכל אלמנט DOM (ממשק תכנות יישומים המספק גישה html-קבצים תוכן) ולטפל בהם. היחידות המבניות העיקריות של הספרייה הן צוות. על מנת ליישם אחד או צוות האחר, אתה צריך א-בורר JQuery.

סלקטורים פורמולה בספריה JQuery

סלקטורים ב JQuery מבוסס על השימוש ב- CSS. הם נדרשים לבחור פריטים HTML-קובץ, להשתמש בהם כדי לגרום או אלה שיטות אחרות של מניפולציה אותם (צוות). חיפוש מתבצע באמצעות $ בוררים (הפונקציה). לדוגמה, $ ( 'div').

סלקטורים ניתן לסווג בהתאם לאופן הבחירה של אלמנטים:

• בסיסי;
• לפי תכונה;
• ההיררכיה;
• תוכן;
• על המצב;
• בחירה של שדות טופס;
• אחר.

סלקטורים מפתח

בשנת 90% מהמקרים בעת שימוש ספרייה זו משמשת JQuery-בורר השייכים לקבוצה הראשית. כולם די פשוטים וברורים. הבה נבחן כל אחד מהם:

• * - בוחר כל האלמנטים בדף, כולל ראש, גוף, וכו ';.
• צדדי p / div / / ... - בוחר את כל האלמנטים הקשורים התג הקבוע מראש (כלומר עד p.div, צדדי, וכו '...);
• .myClass / p.myClass - בוחר את האלמנטים עם שם המחלקה שצוינו;
• # MyID / p # myID -. בוחר כל פריט אחד עם קוד הזיהוי הנתון.

הנה דוגמא. נניח שאנחנו צריכים כדי לבחור את כל האלמנטים בדף עם כניסתם לכיתה הנקוב יהיה כדלקמן: (. הנקוב) $. אם אלמנטים p נחוץ רק של המעמד הזה, אז לכתוב: $ (p.par).

מייחסים סלקטורים

אתה יכול להשתמש העיקרי-בורר JQuery, אם אנחנו צריכים לבחור פריט השייך לאף מזהה שיש בכיתה או לבחור כל האלמנטים בדף. עם זאת, ישנם מקרים שבהם פריט אין מעמד או מזהה. זה עבור זה ויש בחירות לפי תכונה. הם מאפשרים לך לבצע בחירה על כמה תכונה של HTML-אלמנטים, כגון href או src. תכונה זו כתובה בסוגריים מרובעים [].

הדוגמה הפשוטה ביותר: $ ([src]) - בוחר את כל האלמנטים שיש תכונה src. אפשר לצמצם את המדגם על ידי ציון ערך תכונה מסוימת: $ ([src = "http: // אתר / מאמר / 132,222 / ערך"]).

אתה יכול להשתמש בחלק סלקטורים JQuery אם אתה רוצה לצמצם את תחום הבחירה. לדוגמה, $ (עמ '[color = blue] [size = 12]) - נבחרו רק אלה אלמנטים p, אשר יש צבע כחול גודל 12.

תוכן בורר

במקרה כזה, אם אתה לא יכול לבחור אלמנטים המבוססים על תכונות או סלקטורים בסיסיים, אתה צריך להתייחס לתוכנם. בסך הכל יש 4 בורר מסוג זה:

• : מכיל - בוחר פריטים המכילים את הטקסט המצוין;
• : האם - מאפיין בוחר אלמנטים המכילים אלמנטים שניים של הקו;
• : הורה - בוחר אלמנטים שמכילים כל האחרים;
• : רוקן - בוחר אלמנטים שאינם מכילים כל האחרים.

הנה דוגמא. כדי לבחור את כל div אלמנטים, המכיל את הטקסט של שלום, אתה צריך לכתוב $ (div: מכיל ( "Hello")).

היררכיה בוררת

אין דרך אחרת כדי לבחור אלמנטים ב JQuery, כלומר - על פי ההיררכיה שלהם (כלומר, היחס בין זה לזה על-דף HTML). רבים מהם, כך אנו מציגים שניים הפופולרי ביותר, "ילד" ו "צאצא".

במקרה הראשון האלמנטים נבחרים, אשר הם צאצאיהם הישירים (ילדים) של יסוד נתון (קדמון). לדוגמה, כדי לבחור את האלמנטים של הרשימה בכיתה האור שהיא רשימה nav ילד, אז אתה צריך לכתוב: $ (ul # nav> li.light).

המקרה השני - גנרל יותר. יש ניתן לבחור וצאצאים עקיפים של האלמנט. לדוגמה, כדי לבחור את הקישורים בתוך הרשימה nav לקבוע: $ (ul # nav א).

לפיכך, ב JQuery אלמנטים ניתן לבחור בדרכים שונות על ידי שימוש בפרמטרים כגון מעמד, זהות, תכונות, תוכן או היררכיה של רכיבי HTML-מסמך.