• تهرانپارس ، خ شهید محمود آمینه بزرگراه رسالت، پلاک 213، طبقه2، واحد7

  • 021-77295097 0912-8099518

  • شنبه تا پنجشنبه۹ صبح تا ۶ بعد از ظهر

آموزش Selectorها در JQuery

آموزش Selectorها در JQuery

گزینشگرهای jQuery یکی از مهمترین بخش های کتابخانه jQuery هستند. گزینشگرهای jQuery به شما امکان می دهند عناصر HTML را پیدا و دستکاری کنید.

از گزینشگرهای jQuery برای انتخاب عناصر HTML بر اساس name ، id ، class ، type ، attributes ، مقادیر attribute ها و موارد دیگر استفاده می شود. این ها مبتنی بر انتخابگرهای موجود در CSS هستند و علاوه بر این JQuery گزینشگرهای دلخواه خود را نیز دارد.

همه گزینشگرها در jQuery با علامت دلار و پرانتزها شروع می شوند: $() .

Element selector in JQuery

گزینشگر عنصردر jQuery عناصر را بر اساس نام عنصر انتخاب می کند. می توانید تمام عناصر < p> در صفحه را به شکل زیر انتخاب کنید:

JQuery Selectors

مثال: وقتی کاربر روی یک دکمه کلیک می کند ، همه عناصر < p> پنهان می شوند:

JQuery Selectors

id selector in JQuery

گزینشگر id در JQuery از ویژگی id یک تگ HTML برای پیدا کردن عنصر خاص استفاده می کند. یک id باید در یک صفحه منحصر به فرد باشد ، بنابراین وقتی می خواهید یک عنصر واحد و منحصر به فرد را پیدا کنید، باید از #id استفاده کنید. برای یافتن عنصر با id خاص ، یک کاراکتر # بنویسید و به دنبال آن id عنصر HTML را قرار دهید.

JQuery Slectors

مثال: وقتی کاربر روی یک دکمه کلیک می کند ، عنصر با شناسه test پنهان می شود:

JQuery Selectors

Class selector in JQuery

گزینشگر کلاس در JQuery عناصر با کلاس خاصی را پیدا می کند. برای پیدا کردن عناصر با یک کلاس خاص ، یک کاراکتر . بنویسید و به دنبال آن نام کلاس  را بنویسید.

JQuery Selectors

مثال: هنگامی که کاربر روی یک دکمه کلیک می کند، عناصر با کلاس test پنهان می شوند:

JQuery Selectors

در جدول زیر نمونه های بیشتری از گزینشگرهای JQuery آورده شده است:

توضیحات

سینتکس

همه عناصر HTMLرا انتخاب می کند.

$("*")

عنصر HTML جاری را انتخاب می کند.

$(this)

همه تگ های <p> که کلاس intro دارند را انتخاب می کند.

$("p.intro")

اولین تگ <p> را انتخاب می کند.

$("p:first")

اولین تگ <li> از اولین <ul> را انتخاب می کند.

$("ul li:first")

اولین تگ <li> از هر تگ <ul> را انتخاب می کند.

$("ul li:first-child")

همه تگ ها با صفت “href” را انتخاب می کند.

$("[href]")

همه تگ های <a> که مقدار صفت target آن ها برابر “_blank” است را انتخاب می کند.

$("a[target='_blank']")

همه تگ های <a> که مقدار صفت target آن ها مخالف “_blank” است را انتخاب می کند.

$("a[target!='_blank']")

همه تگ های <button> و همه تگ های <input> که type آنها برابر “button” است را انتخاب می کند.

$(":button")

همه تگ های زوج <tr> را انتخاب می کند.

$("tr:even")

همه تگ های فرد <tr> را انتخاب می کند.

$("tr:odd")