jQuery Selectors
ستتعلم في هذا الدرس احتيار ال HTML Element باستخدام مكتبة JQuery ثم اضافة Actions علي هذة العناصر
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Selectors
</> jQuery Selectors
ال jQuery Selectors هو واحد من اهم اجزاء مكتبة ال jQuery
ال jQuery selectors يمكنك من اختيار عنصر Element او مجموعة عناصر HTML Elements في صفحة الويب
ال jQuery selectors يستخدم في عملية بحث عن عنصر او اكتر داخل صفحة ال HTML عن طريق ال Tag Name او ال Class Name او عن طريق ال ID Name او عن طريق Attributes او عن طريق Parant
ال jQuery Selectors يبدأ بعلامة دولار $ ويكتب بين قوسين () كما في المثال التالي
$("p")
</> Same CSS Selectors
تكتب ال Selectors في ال jQuery بنفس طريقة كتابة ال Selectors في ال CSS
- يسبق اسم ال Class علامة ال Dot .
- يسبق اسم ال ID علامة ال Hash #
- يتم اختيار ال Element بكتابة اسم ال Tag Name مباشرة
</> Select Classess
ال Class Selectors يبحث عن جميع ال Elements في صفحة ال HTML التي تحمل Class بنفس الاسم
يسبق اسم ال Class علامة ال Dot .
$(".test")
</> Select ID
ال id Selectors يبحث عن ال Elements في صفحة ال HTML الذي يحمل id بنفس الاسم
يسبق اسم ال id علامة ال Hash #
$("#test")
</> Select Elements
يتم اختيار ال Elements بكتابة اسم ال Tag Name مباشرة
لاختيار جميع ال Elements التي تحتوي علي Tag Name باسم ال p
$("p")
لاختيار جميع ال Elements التي تحتوي علي Tag Name باسم ال div
$("div")
</> More Selectors
لاختيار جميع ال Elements بداخل الصفحة
$("*")
لاختيار ال Elements الحالي
$(this)
لاختيار ال Elements الذي يحمل Tag Name باسم p ويحمل Class Name باسم intro
$("p.intro")
لاختيار اول Element الذي يحمل Tag Name باسم p
$("p:first")
لاختيار جميع ال Elements التي تحمل Attributes Tag Name باسم href
$("[href]")
لاختيار جميع ال Elements التي تحمل Tag Name باسم a وايضاً التي تحمل Attributes بقيمة لاتساوي " _blank "
$("a[target!='_blank']")
لاختيار جميع ال Elements التي تحمل Tag Name باسم button وايضاً جميع ال inputs التي تحمل Attributes بقيمة button
$(":button")
لاختيار جميع ال Elements التي تحمل Tag Name باسم tr ويكون زوجي
$("tr:even")
لاختيار جميع ال Elements التي تحمل Tag Name باسم tr ويكون فردي
$("tr:odd")
:eq() Selector
تستخدم في اختيار عن معين عن طريق ال index الخاص به
$(":eq(index)")
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
