jQuery Navigation Ancestors
ستتعلم في هذا الدرس التنقل بين ال Elements وبعضها داخل ال DOM Tree من ال parent الي ال Children بواسطة ال jQuery
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Traversing
</> jQuery Navigation
ماهو ال Navigation ؟
ال jQuery Navigation هو يعني التنقل بين ال HTML داخل ال Dom Tree للعثور او تحديد عناصر لها علاقه ببعض للتعديل عليها او استخدام محتواها او لالحاق Elements بداخلها
ال nodes الموجودة بال Tree لها علاقة هرمية بعضها البعض
نستخدم مصطلحات ال Tree , وهي parent, child, and sibling لكي توصف العلاقة
- بداخل شجرة ال Nodes اول او اكبر Node تسمي Root
- كل Node لها parent واحد فقط باستثناء ال root ليس له parent
- ال node له عدد من ال children
- ال Siblings هي كل ال Nodes المتفرعه من نفس ال Parent
يمكنك التنقل عن طريق ال jQuery داخل الشجرة عن طريق ال paren وال child وال sibling تسمي ب ال Navigation او ال Traversing
</> jQuery parent Method
ال jQuery parent() method تحصل من خلالها علي اسم ال parent لل Element الذي تختاره بداخل ال selector
ال jQuery parent() method تحصل من خلالها علي اول parent مستوي واحد فقط داخل الشجرة
$(document).ready(function(){
$("span").text($("span").parent().text())
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
</> jQuery parents Method
ال jQuery parenst() method تحصل من خلالها علي جميع ال parent لل Element الذي تختاره بداخل ال selector وصولاً للجزور ال root وهو ال html
$(document).ready(function(){
$("span").parents();
});
</> jQuery parentsUntil Method
ال jQuery parentsUntil() method تحصل من خلالها علي جميع ال Elements التي بين عنصرين محددين تقوم بتحديدهم
$(document).ready(function(){
$("span").parentsUntil("div");
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
