انتخاب‌گرهای jQuery

الميزات تسمح لك بعمل عمليات على مجموعة من العناصر أو عنصر واحد.

انتخاب‌گرهای jQuery

في الفصول السابقة، قمنا بعرض بعض الأمثلة حول كيفية اختيار عناصر HTML.

النقطة الرئيسية هي تعلم كيفية اختيار العناصر التي ترغب في تطبيق تأثيرها باستخدام ميزات اختيار jQuery.

تسمح لك اختيارات عناصر jQuery واختيارات الخاصية بتحديد عناصر HTML من خلال اسم العنصر أو اسم الخاصية أو النص.

تسمح لك الخيارات بتنفيذ عمليات على مجموعة من عناصر HTML أو العنصر الواحد.

في مصطلحات HTML DOM:

تسمح لك الخيارات بتنفيذ عمليات على مجموعة من عناصر DOM أو العنصر DOM الواحد.

اختيارات العنصر jQuery

يستخدم jQuery اختيارات CSS لاختيار العناصر HTML.

$("p") يختار العنصر <p>.

$("p.intro") يختار جميع العناصر <p> التي تحتوي على class="intro".

$("p#demo") يختار جميع العناصر <p> التي تحتوي على id="demo".

اختيارات الخاصية jQuery

يستخدم jQuery تعبيرات XPath لاختيار العناصر التي تحتوي على خاصية معينة.

$("[href]") يختار جميع العناصر التي تحتوي على خاصية href.

$("[href='#']") يختار جميع العناصر التي تحتوي على قيمة href تساوي "#".

$("[href!='#']") يختار جميع العناصر التي تحتوي على قيمة href غير متساوية مع "#".

$("[href$='.jpg']") يختار جميع العناصر التي تحتوي على قيمة href تنتهي بـ ".jpg".

اختيارات CSS jQuery

يمكن استخدام اختيارات CSS jQuery لتغيير خصائص CSS العناصر HTML.

في المثال التالي، يتم تغيير لون الخلفية لجميع عناصر <p> إلى اللون الأحمر:

مثال

$("p").css("background-color","red");

جرب بنفسك

مزيد من أمثلة الخيارات

النحو الوصف
$(this) العنصر HTML الحالي
$("p") جميع العناصر <p>
$("p.intro") جميع العناصر <p> التي تحتوي على class="intro"
$(".intro") جميع العناصر التي تحتوي على class="intro"
$("#intro") العنصر الذي يحتوي على id="intro"
$("ul li:first") العنصر <li> الأول لكل <ul>
$("[href$='.jpg']") جميع الخصائص التي تنتهي بـ ".jpg" في الخصائص href
$("div#intro .head") جميع العناصر التي تحتوي على class="head" في العنصر <div> الذي يحتوي على id="intro"

للحصول على دليل مرجع كامل، يرجى زيارة دليل مرجع اختيارات jQuery。