русский עברית

כלים

Linear Gradients Custom Menu איחסון אתרים

מחרוזת מספר ערך בולאני אובייקט אופציות מערך מפה פונקציה פונקציה קריאה חוזרת סלקטור אירוע אלמנט jQuery MIME XMLHttpRequest נדחה jqXHR הבטחה

offset()position()scrollTop()scrollLeft()

גובה ורוחב

height()width()innerHeight()innerWidth()outerHeight()outerWidth()

אובייקטים אירועי Ajax

event.preventDefault()event.stopPropagation()event.target event.type event.pageX event.pageY event.data event.which event.relatedTarget event.timeStamp event.currentTarget event.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.result event.stopImmediatePropagation()event.namespace

הוסף מודולים

jQuery.pushStack()jQuery.error

jQuery גרסה

גרסה 1.6 גרסה 1.5.1 גרסה 1.5 גרסה 1.4.4 גרסה 1.4.3 גרסה 1.4.2 גרסה 1.4.1 גרסה 1.4 גרסה 1.3 גרסה 1.2.6 גרסה 1.2.3 גרסה 1.2 גרסה 1.1.4 גרסה 1.1.3 גרסה 1.1.2 גרסה 1.1 גרסה 1.0.4 גרסה 1.0

אובייקט נדחה

deferred.done()deferred.fail()deferred.isRejected()deferred.isResolved()deferred.promise()deferred.reject()deferred.rejectWith()deferred.resolve()deferred.resolveWith()deferred.then()deferred.always()deferred.pipe()promise()

דוגמאות jQuery

ניווט דוגמאות jQuery

דפדפנים

דף הבית דפדפנים סטטיסטיקה דפדפנים סטטיסטיקה פלטפורמות סטטיסטיקה הצגה דפדפן Explorer דפדפן Netscape פרויקט Mozilla דפדפן Firefox דפדפן Opera דפדפן Chrome דפדפן Safari דפדפנים ניידים

מצאתם שגיאה?

סמנו אותה עם העכבר ותלחצו

Ctrl + Enter

בדיקת כתיב Xhtml.co.il

jQuery בסיסי

jQuery מבוא ל-jQuery הסטוריה של jQuery פילוסופיה של jQuery פונקציה jQuery $שיטות שימוש jQuery $(document).ready()שאלות נפוצות

תכונות jQuery

מניפולציה

prop()removeProp()attr( )removeAttr()

addClass()hasClass()removeClass()toggleClass()

סלקטורים jQuery

:focus selector

סלקטור id סלקטור element סלקטור class סלקטור אוניברסלי סלקטור מרובה

סלקטור צאצא parent > child prev + next prev ~ siblings

מסננים יסודיים

:first :last :not(selector):even :odd :eq(index):gt(index):lt(index):header :animated

מסנני תוכן

:contains(text):empty :has(selector):parent

מסנני נראות

:hidden :visible

מסנני תכונות

[attribute][attribute|=value] [attribute~=value][attribute=value][attribute!=value][attribute^=value][attribute$=value][attribute*=value][attributeFilter1][attributeFilterN]

מסנני ילד

:nth-child(index/even/odd/equation):first-child :last-child :only-child

:input :text :password :radio :checkbox :submit :image :reset :button :file

מסנני תבניות

:enabled :disabled :checked :selected

פונקציה jQuery $

אחד המושגים קריטים בקוד jQuery הוא קריא לפונקציה '$'.

'$' הוא למעשה 'כינוי' עבור מרחב ה 'jQuery'

כמה דוגמאות פשוטות שימושיות של jQuery

דוגמאות

דוגמה 1

jQuery מספקת פונקציה שמורידה רווחים מיותרים ממחרוזת

str = "    foo     ";
jQuery.trim(str); // returns "foo"

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה א1

jQuery מספקת פונקציה שמורידה רווחים מיותרים ממחרוזת: דרך קצרה יותר

str = "    foo     ";
$.trim(str); // returns "foo"

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

הדוגמה הזאת שווה לקודמת. שימוש ב-'$' במקום 'jQuery' זאת דרך פשוטה וקצרה יותר להתייחס לאובייקטים באמצעות ספרייה jQuery

דוגמה 2

פונקציה הבאה מוסיפה class בשם bar לכל הפסקאות (p) שיש להן class בשם foo

$("p.foo").addClass("bar");

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 3

בדוגמה הבאה פונקציה בשם 'myfunc' נקראת ישר אחרי טעינת הדף:

$(document).ready(function() {
    myfunc();
});

נסה זאת בעצמך

דוגמה 4

בדוגמה הבאה לכל השורה זוגית במסמך בטבלה יתווסף class בשם oddStripe ולכל השורה האי זוגית יתווסף class בשם evenStripe

$(document).ready(function() {
  // Stripe all the tables in the document using the 
oddStripe and evenStripe CSS classes.
  $('tr:odd').addClass("oddStripe");
  $('tr:even').addClass("evenStripe");
});

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

האם מידע זה היה מועיל?

כן לא

תגובות