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

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

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

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

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

انتخاب‌کننده عنصر jQuery و انتخاب‌کننده attribute به شما اجازه می‌دهد تا عناصر HTML را از طریق نام برچسب، نام attribute یا محتوا انتخاب کنید.

انتخاب‌کننده‌ها به شما اجازه می‌دهد تا بر روی گروه‌های HTML یا یک عنصر عمل کنید.

در اصطلاحات HTML DOM:

انتخاب‌کننده‌ها به شما اجازه می‌دهد تا بر روی گروه‌های DOM یا یک نقطه DOM عمل کنید.

انتخاب‌کننده عنصر jQuery

jQuery از انتخاب‌کننده CSS برای انتخاب عناصر HTML استفاده می‌کند.

$("p") عناصر <p> را انتخاب می‌کند.

$("p.intro") تمام عناصر <p> با class="intro" را انتخاب می‌کند.

$("p#demo") تمام عناصر <p> با id="demo" را انتخاب می‌کند.

انتخاب‌کننده attribute jQuery

jQuery از عبارات XPath برای انتخاب عناصر با attribute داده شده استفاده می‌کند.

$("[href]") تمام عناصر با attribute href را انتخاب می‌کند.

$("[href='#']") تمام عناصر با ارزش href که برابر با "#" است را انتخاب می‌کند.

$("[href!='#']") تمام عناصر با ارزش href که برابر با "#" نیستند را انتخاب می‌کند.

$("[href$='.jpg']") تمام عناصر با ارزش href که با ".jpg" پایان می‌یابند را انتخاب می‌کند.

انتخاب‌کننده CSS jQuery

انتخاب‌کننده CSS jQuery برای تغییر CSS attribute عناصر 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" پایان می‌یابند به عنوان ارزش attribute
$("div#intro .head") تمام عناصر class="head" در عنصر <div> با id="intro"

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