русский  עברית
tadam logo
דוגמאות jQuery
מצאתם שגיאה?
סמנו אותה עם העכבר ותלחצו
Ctrl + Enter
בדיקת כתיב Xhtml.co.il
Orphus system

סלקטורים jQuery

סלקטורים

תווים מיוחדים בסלקטורים

אם אתם רוצים להשתמש בהתווים מיוחדים כחלק מהשם, יש לשים שני סלשים הפוכים לפני כל תו ().

לדוגמה:

"#foo:bar"
"#foo[bar]"
"#foo.bar"
רשימה מלאה של תווים מיוחדים: #;&,.+*~':"!^$[]()=>|/
יסודות:
בוחר אלמנט אחד עם מאפיין ID הנתון.
בוחר כל האלמנטים עם שם תג נתון.
בוחר כל האלמנטים עם מחלקה נתונה.
תואם לכל האלמנטים.
בוחר את התוצאות המשולבות של כל הסלקטורים שצוינו.
היררכיה:
בוחר כל האלמנטים שהם צאצאיהם של אב קדמון מסוים.
בוחר את כל האלמנטים שצוינו כי "ילד" מאלמנטים שצוינו כי "הורה".
בוחר כל האלמנטים התואמים ל- "הבא", שנמצאים מייד לפני אח "קודם".
בוחר כל הקרובי משפחה של אלמנטים, שבאים אחרי אלמנט "הקודם", יש להם אותם הורים, והם תואמים לסינון "אחים" של סלקטור.
מסננים יסודיים:
בוחר אלמנט ראשון בהתאמה.
בוחר אלמנט אחרון בהתאמה.
בוחר כל האלמנטים שלא תואמים לסלקטור הנתון.
מחפש אלמנטים זוגיים, מתחיל מ-0. ראו גם odd.
מחפש אלמנטים אי זוגיים, מתחיל מ-0. ראו גם even.
בוחר אלמנט עם אינדקס N ברשימה בהתאמה.
בוחר כל האלמנטים עם אינדקס גדול מהנתון ברשימה בהתאמה.
בוחר כל האלמנטים עם אינדקס קטן מהנתון ברשימה בהתאמה.
בוחר את כל האלמנטים כותרות, כמו h1, h2, h3 וכן הלאה.
חיפוש כל האלמנטים שעליהם כרגע מופעלת אנימציה.
בחירת אלמנט אם הוא כרגע קיבל פוקוס.
מסנני תוכן:
התאמות האלמנטים אשר מכילים את טקסט הנתון.
תואם כל האלמנטים שאין להם ילדים (כולל צמתי טקסט).
תואם לאלמנטים המכילים לפחות אלמנט אחד התואם לסלקטור שצוין.
תואם כל האלמנטים שהם הורים - יש להם אלמנטים ילד המכילים טקסט.
מסנני נראות:
בוחר כל האלמנטים מוסתרים.
בוחר כל האלמנטים מוסתרים.
מסנני תכונות:

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

כאשר משתמשים באחד מסלקטורים של תכונה, אנחנו צריכים לחשב תכונות שיש להן מספר ערכים מופרדים ברווחים. מכיוון שסלקטורים האלה רואים ערכי תכונה בתור שורה אחת, סלקטור הזה, לדוגמה, $('a[rel=nofollow]'), יבחר טקסט כלשהו וידלג על טקסט כלשהו.

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

  • מילים חשופות: $(‘a[rel=nofollow self]‘)
  • גרשיים בתוך גרשים: $('a[rel="nofollow self"]')
  • גרשים בתוך גרשיים: $("a[rel='nofollow self']")
  • גרשים בתוך גרשים:$('a[rel='nofollow self']')
  • גרשיים בתוך גרשיים:$("a[rel="nofollow self"]")

אופציה שאתם בוחרים היא עיניין של טעם ונוחות.

שימו לב: ב- jQuery 1.3 ש [@attr] סלקטורים של סגנונות נמחקו ( לפני זה החריזו עליהם כי לא מומלצים לשימוש ב- jQuery 1.2 ). פשוט תורידו סימן '@' מסלקטורים שלכם כדי שהם יעבדו שוב פעם.
סלקטור אלמנטים, שמכילים תכונה שצוינה עם ערכים כלשהם. .
סלקטור אלמנטים, שמכילים תכונה שצוינה עם ערך ששווה לערך הנתון או מתחיל עם ערך הנתון עם מקף (-) שבא אחריו.
סלקטור אלמנטים, שמכילים תכונה שצוינה עם ערך שמכיל מילה נתונה, מופרדת ברווחים.
בחירת אלמנטים, שמכילים תכונה שצוינה עם ערך ששווה בדיוק לערך מסוים.
תואם לכל האלמנטים שאין להם תכונה שצוינה או שיש אבל ערך שונה מהנתון.
תואם לאלמנטים שיש להם תכונה שצוינה והיא מתחילה מערך מסוים.
תואם לאלמנטים, בעלי תכונה שצוינה שמסתיימת בערך שצוין.
תואם לאלמנטים, בעלי תכונה שצוינה שמכילה ערך מסוים.
תואם אלמנטים שמתאימים לכל מסננים של תכונות שצוינו.
מסנני ילד:
תואם לכל האלמנטים, שהם ילידים N-ים של ההורים.
תואם לכל האלמנטים שהם ילדים ראשונים אצל ההורים.
תואם לכל האלמנטים שהם ילדים אחרונים אצל ההורים.
תואם לאלמנטים שהם ילדים בודדים אצל הורים.
תבניות:
תואם לכל האלמנטים קלט ( input, textarea, select, button).
תואם לכל האלמנטים מסוג טקסט.
תואם לכל האלמנטים קלט מסוג password.
תואם לכל האלמנטים מסוג radio.
תואם לכל האלמנטים מסוג checkbox.
תואם לכל האלמנטים מסוג submit.
תואם לכל האלמנטים קלט מסוג image.
תואם לכל אלמנטים מסוג reset.
תואם לכל האלמנטים מסוג button.
תואם לכל האלמנטים מסוג file.
מסנני תבניות:
תואם לכל האלמנטים זמינום.
תואם לכל האלמנטים הלא זמינים.
תואם כל האלמנטים מסומנים. מכיל אלמנטים מסוג checkbox ו- radiobutton.
תואם לכל האלמנטים מסומנים.
האם מידע זה היה מועיל?
   

תגובות