انتخاب‌گرهای 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") عناصر class="intro" و <p>
$(".intro") عناصر class="intro"
$("#intro") عناصر با id="intro"
$("ul li:first") اولین عناصر <li> در هر <ul>
$("[href$='.jpg']") href با ارزشهایی که با ".jpg" پایان می‌یابند
$("div#intro .head") عناصر class="head" در عناصر <div> با id="intro"

برای دستورالعمل کامل، لطفاً به وب‌سایت ما دستورالعمل انتخابگر jQuery。