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

בורר jquery

הנוסחה של בוררים בספריית jQuery

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

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

  • בסיסי;
  • J
  • היררכיה;
  • לפי תוכן;
  • לפי מיקום;
  • מבחר שדות טופס;
  • אחרים.

בוררים בסיסיים

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

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

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

אלמנטים jquery

בוררי תכונות

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

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

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

בוררי תוכן

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

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

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

בוררים מרובים jquery

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

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

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

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

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

</ p>