سینتکس پایه jQuery
jQuery یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت است که کار با DOM، مدیریت رویدادها، انیمیشن و Ajax را ساده‌تر می‌کند. درک سینتکس پایه jQuery اولین قدم برای تسلط بر این کتابخانه قدرتمند است.
الگوی اصلی انتخاب عناصر
سینتکس اصلی jQuery با علامت $ شروع می‌شود که یک نام مستعار برای تابع jQuery() است. ساختار پایه به این شکل است:
$(selector).action()
- selector: شناسه عنصر مورد نظر در DOM (مشابه CSS)
- action: متدی که روی عنصر انتخاب شده اجرا می‌شود
| مثال |
توضیح |
| $("p").hide() |
مخفی کردن تمام پاراگراف‌ها |
| $("#test").show() |
نمایش عنصر با id="test" |
رویدادهای پایه
jQuery مدیریت رویدادها را بسیار ساده کرده است. در اینجا چند نمونه از پرکاربردترین رویدادها را مشاهده می‌کنید:
- click: هنگام کلیک روی عنصر
- dblclick: هنگام دابل کلیک
- mouseenter: هنگام ورود ماوس به محدوده عنصر
مثال کاربردی:
$("button").click(function(){
alert("دکمه کلیک شد!");
});
برای یادگیری عمیق‌تر می‌توانید از اطلاعات بیشتر استفاده کنید. این منبع به شما کمک می‌کند با مثال‌های عملی jQuery را بهتر درک کنید.
زنجیره‌ای کردن متدها
یکی از قابلیت‌های جذاب jQuery امکان زنجیره‌ای کردن متدها است. این ویژگی به شما اجازه می‌دهد چندین عمل را در یک خط انجام دهید:
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
در مثال بالا، ابتدا رنگ متن به قرمز تغییر می‌کند، سپس عنصر به سمت بالا جمع شده و دوباره نمایش داده می‌شود.
