English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
جزء مهم جدًا من jQuery هو القدرة على التلاعب بعناصر DOM.
يقدم jQuery طرقًا فعالة لإدارة عناصر HTML، الخصائص والCSS.
هذه الطرق تتحقق وتعمل على خصائص الفئات المخصصة للعنصر:
| الطريقة | وصف |
|---|---|
| addClass() | إضافة اسم فئة واحد أو أكثر إلى العنصر المحدد |
| hasClass() | التحقق من وجود أي عنصر مختار يحتوي على اسم فئة معين |
| removeClass() | حذف إحدى أو أكثر الفئات المحددة من العنصر المحدد |
| toggleClass() | تبديل بين إضافة/حذف إحدى أو أكثر الفئات المحددة للعنصر المحدد |
هذه الطريقة تسمح لنا بالنسخ العناصر:
| الطريقة | وصف |
|---|---|
| clone() | إنشاء نسخة عميقة من العنصر المحدد |
هذه الدوال تسمح لنا بإدراج محتوى جديد حول المحتوى الحالي:
| الطريقة | وصف |
|---|---|
| wrap() | طبع عنصر HTML حول كل عنصر مختار |
| wrapAll() | طبع عنصر HTML حول جميع العناصر المختارة |
| wrapInner() | طبع عنصر HTML حول محتوى كل عنصر مختار |
هذه الدوال تسمح لنا بإدراج محتوى جديد داخل العنصر الحالي:
| الطريقة | وصف |
|---|---|
| append() | إدراج محتوى جديد في نهاية العنصر المحدد |
| appendTo() | إدراج عنصر HTML جديد في نهاية العنصر المحدد |
| html() | تعيين أو العودة إلى محتوى HTML للعنصر المحدد |
| prepend() | إدراج محتوى جديد في بداية العنصر المحدد |
| prependTo() | إدراج عنصر HTML جديد في بداية العنصر المحدد |
| text() | تعيين أو العودة إلى محتوى النص للعنصر المحدد |
هذه الدوال تسمح لنا بإدراج محتوى جديد خارج العنصر الحالي:
| الطريقة | وصف |
|---|---|
| after() | إدراج محتوى جديد بعد العنصر المحدد |
| before() | إدراج محتوى جديد قبل العنصر المحدد |
| insertAfter() | إدراج عنصر HTML جديد بعد العنصر المحدد |
| insertBefore() | إدراج عنصر HTML جديد قبل العنصر المحدد |
هذه الدوال تسمح لنا بحذف العناصر من DOM:
| الطريقة | وصف |
|---|---|
| detach() | حذف العنصر المحدد (بما في ذلك البيانات وإلغاء تفعيل الإحداث) |
| empty() | حذف جميع العناصر الفرعية من العنصر المحدد (بما في ذلك العناصر النصية) |
| remove() | حذف العنصر المحدد (بما في ذلك البيانات والإحداث) |
| unwrap() | حذف العنصر الأب للعنصر المحدد |
هذه الدوال تستخدم لتحذيف المحتوى من DOM واستبداله بالمحتوى الجديد:
| الطريقة | وصف |
|---|---|
| replaceAll() | استبدال العنصر المحدد بعنصر HTML جديد |
| replaceWith() | استبدال المحتوى المحدد بالعناصر الجديدة |
هذه الدوال تحصل وتعيين خاصيات DOM للعناصر:
| الطريقة | وصف |
|---|---|
| attr() | تعيين أو العودة إلى الخاصية/القيمة للعنصر المحدد |
| prop() | تعيين أو العودة إلى الخاصية/القيمة للعنصر المحدد |
| removeAttr() | حذف خاصية واحدة أو أكثر من العنصر المحدد |
| removeProp() | حذف الخاصية التي تم تعيينها باستخدام دالة prop() |
| val() | تعيين أو العودة إلى قيمة الخاصية value للعنصر المحدد (للمكونات النموذجية) |
هذه الطرق تحصل وتعيين خصائص CSS المرتبطة بالعنصر
| الطريقة | وصف |
|---|---|
| css() | تعيين أو العودة إلى عدة خصائص النمط للعنصر المحدد |
| height() | تعيين أو العودة إلى الارتفاع العنصر المحدد |
| innerHeight() | تعيين أو العودة إلى الارتفاع العنصر (بما في ذلك الحشو، ولكن ليس الحواف) |
| innerWidth() | تعيين أو العودة إلى عرض العنصر (بما في ذلك الحشو، ولكن ليس الحواف) |
| offset() | تعيين أو العودة إلى التوقيتات المعدلة للعنصر المحدد (بالمقارنة مع المستند) |
| offsetParent() | العودة إلى الأب المعدل للعنصر المحدد |
| outerHeight() | تعيين أو العودة إلى الارتفاع العنصر (بما في ذلك الحشو، الحواف وال边际 الاختيارية) |
| outerWidth() | تعيين أو العودة إلى عرض العنصر (بما في ذلك الحشو، الحواف وال边际 الاختيارية) |
| position() | العودة إلى موقع العنصر بالنسبة للآب المعدل |
| scrollLeft() | تعيين أو العودة إلى موقع أفقي للعنصر المحدد |
| scrollTop() | تعيين أو العودة إلى موقع عمودي للعنصر المحدد |
| width() | تعيين أو العودة إلى عرض العنصر المحدد |