دليل jQuery الأساسي

أثر jQuery

باستخدام jQuery، يمكننا بسهولة تتبع شجرة DOM للبحث عن الأجداد للعناصر.

الأجداد هم الآباء والأجداد والأجداد الأجداد، وهلم جرا.

في هذا الفصل، سنشرح كيفية تتبع شجرة DOM.

لدينا مجموعة من طرق jQuery، تستخدم لتتبع شجرة DOM:

في هذا الفصل، سأريك كيفية استخدام كل طريقة.

jQuery parent()تعود هذه الطريقة إلى العنصر الأم للعنصر المحدد.

يستخدم هذا الطريقة فقط للتحرك إلى مستوى واحد أعلى في شجرة DOM.

النموذج التالي يعود إلى العنصر الأم للعنصر SPAN:

div (الأجداد الأجداد)

div (الأجداد)

p (الأب المباشر) 　　　　　　　　　span

يمكنك أيضًا استخدام المعاملات الاختيارية لفرز البحث في العناصر الأم.

النموذج التالي يعود إلى العنصر الأم للعناصر التي تحتوي على الصنف "selected":

مثال

$(document).ready(function() {
　　$("p").parent(".selected").css("background", "coral");
});

jQuery parents()يستعيد هذا الطريقة جميع الأجداد للعنصر المحدد.

يبدأ هذا الطريقة من العنصر الأب ويتراجع إلى أعلى في شجرة DOM حتى يصل إلى عنصر الجذر في المستند (html>).

في المثال التالي، تعود جميع الأجداد للعنصر SPAN:

body (الأجداد الأجداد الأجداد)

div (الأجداد الأجداد)

div (الأجداد)

p (الأب المباشر) 　　　　　　　　　span

jQuery parentsUntil()يستعيد هذا الطريقة جميع العناصر الأجداد بين اثنين من المعلمات المقدمة.

في المثال التالي، تعود جميع العناصر الأجداد بين عناصر SPAN وBODY:

body (الأجداد الأجداد الأجداد)

div (الأجداد الأجداد)

div (الأجداد)

p (الأب المباشر) 　　　　　　　　　span

للحصول على معلومات كاملة عن طرق الاستكشاف، يرجى زيارةمرجع الاستكشاف jQuery.