دستورالعمل‌های مرجع jQuery - انتخاب‌گرها

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

انتخابگر مثال انتخاب
* $("*") تمام عناصر
#id $("#lastname") عنصر با id="lastname"
.class $(".intro") تمام عناصر با class="intro"
element $("p") تمام عناصر <p>
.class.class $(".intro.demo") تمام عناصر با class="intro" و class="demo"
　 　 　
:first $("p:first") عنصر اول <p>
:last $("p:last") عنصر آخر <p>
:even $("tr:even") تمام عناصر <tr> حتی
:odd $("tr:odd") تمام عناصر <tr> ناعده
　 　 　
:eq(index) $("ul li:eq(3)") عنصر چهارم لیست (index از 0 شروع میشود)
:gt(no) $("ul li:gt(3)") لیست عناصر با index بزرگتر از 3
:lt(no) $('ul li:lt(3)') لیست عناصر با index کمتر از 3
:not(selector) $('input:not(:empty)') تمام عناصر input که خالی نیستند
　 　 　
:header $(':header') تمام عناصر عنوان <h1> - <h6>
:animated 　 تمام عناصر انیمیشن
　 　 　
:contains(text) $(':contains('W3School')') تمام عناصر که شامل رشته مشخص شده‌ای است
:empty $(':empty') تمام عناصر بدون node فرزند (عنصر)
:hidden $('p:hidden') تمام عناصر <p> مخفی
:visible $('table:visible') تمام جدول‌های قابل مشاهده
　 　 　
s1,s2,s3 $('th,td,.intro') تمام عناصر با انتخاب تطابق
　 　 　
[attribute] $('[href]') تمام عناصر با attribute href
[attribute=value] $('[href='#']') تمام عناصر با attribute href که ارزش آن برابر با '#' است
[attribute!=value] $('[href!='#']') تمام عناصر با attribute href که ارزش آن برابر با '#' نیست
[attribute$=value] $('[href$='.jpg']') تمام عناصر با attribute href که ارزش آن با '.jpg' پایان می‌یابد
　 　 　
:input $(':input') تمام عناصر <input>
:text $(':text') تمام عناصر <input> با attribute type="text"
:password $(':password') تمام عناصر <input> با attribute type="password"
:radio $(':radio') تمام عناصر <input> با attribute type="radio"
:checkbox $(':checkbox') تمام عناصر <input> با attribute type="checkbox"
:submit $(':submit') تمام عناصر <input> با attribute type="submit"
:reset $(':reset') تمام عناصر <input> با attribute type="reset"
:button $(':button') تمام عناصر <input> با attribute type="button"
:image $(":image") تمام عناصر <input> با type="image"
:file $(":file") تمام عناصر <input> با type="file"
　 　 　
:enabled $(":enabled") تمام عناصر input فعال
:disabled $(":disabled") تمام عناصر input غیرفعال
:selected $(":selected") تمام عناصر input انتخاب شده
:checked $(":checked") تمام عناصر input انتخاب شده

مطالعه کنید

تدریس:نحوه استفاده از انتخابگر عناصر jQuery