انتخابگر چیست
انتخابگرها یکی از مهم ترین کتابخانه jquery است که به شما اجازه میدهد که عناصر html فراخوانی و شخصی سازی کنید.
انتخابگر ها میتوانند عناصر مورد نظر را بر اساس آی دی (id)، کلاس (class)، نوع (type)، صفت (attribute)، مقادیر صفات (value) و … شخصی سازی کند
در نمونه کد زیر مثالی از ان را مشاهده و بررسی میکنیم
$("div")در نمونه کد بالا تمام تگ های div انتخاب شده و میتوان تغیراتی روی آن اعمال کرد
انتخابگر id
این انتخابگر بر اساس id عنصر مورد نظر انتخاب میکند مانند مثال زیر
$("#test")
نکته: ایدی با # مشخص میشود
حالا میخواهیم کاری کنیم که وقتی روی دکمه کلیک شد , عنصری که دارای ایدی test است پنهان شود
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
انتخابگر class
همانند ایدی در class عناصر هایی که کلاس مشترک دارند فراخوانی و تقیرات مورد نظر را اعمال میکند
$(".test").hide();
نکته: class را با . فراخوانی میکنند
مثال های دیگری در رابطه با انتخابگر
$("*") |
انتخاب تمام المان ها |
| $(this) | عنصر HTML فعلی را انتخاب می کند |
| $("p.test") | همه عناصر <p> را با کلاس test انتخاب می کند |
| $("p:first") | انتخاب کردن اولین تگ p |
| $("ul li:first") | اولین عنصر <li> از <ul> اول را انتخاب می کند |
| $("ul li:first-child") | اولین عنصر <li> را از هر <ul> انتخاب می کند |
| $("[href]") | تمام عناصر با ویژگی href را انتخاب می کند |
| $(":button") | همه عناصر <button> و <input> را که تایپ button دارد را انتخاب می کند |
| $("tr:even") | تمام عناصر زوج <tr> را انتخاب می کند |
| $("tr:odd") | همه عناصر <tr> فرد را انتخاب می کند |
خلاصه درس
با $ میتوان یک انتخابگر را فراخوانی کرد
توسعه دهندگان
آریان آذر
