معرفی jQuery

jQuery چیست، چه مزیت‌هایی دارد و چرا سال‌ها محبوب‌ترین کتابخانه جاوااسکریپت دنیا بود؟

jQuery چیست؟

jQuery یک کتابخانه جاوااسکریپت سبک و رایگان است که هدف اصلی آن ساده‌سازی کدنویسی جاوااسکریپت برای وب است. شعار معروف jQuery این است: «کمتر بنویس، بیشتر انجام بده» (Write less, do more).

jQuery در ژانویه ۲۰۰۶ توسط جان رزیگ (John Resig) در بارکمپ نیویورک معرفی شد و خیلی سریع به محبوب‌ترین کتابخانه جاوااسکریپت دنیا تبدیل شد. در اوج محبوبیتش، بیش از ۸۰ درصد از وب‌سایت‌های پرمخاطب دنیا از jQuery استفاده می‌کردند.

jQuery چه مشکلی را حل می‌کند؟

در سال‌های اولیه وب، انجام کارهای ساده با جاوااسکریپتِ خالص بسیار دردناک بود:

jQuery همه این مشکلات را حل کرد. مقایسه کنید:

با جاوااسکریپت خالص:

document.getElementById("btn").addEventListener("click", function() {
    document.getElementById("msg").innerHTML = "سلام!";
});

با jQuery:

$("#btn").click(function() {
    $("#msg").html("سلام!");
});

امکانات اصلی jQuery

قابلیتتوضیح
انتخاب عناصر (DOM Manipulation)پیدا کردن و تغییر عناصر صفحه با سلکتورهای CSS مانند
مدیریت رویدادهاپاسخ به کلیک، تایپ، اسکرول و... با کد یکسان در همه مرورگرها
افکت‌ها و انیمیشنمخفی/نمایش، محو شدن و انیمیشن‌های سفارشی با چند خط کد
AJAXدریافت داده از سرور بدون رفرش صفحه، به سادگی
پیمایش DOMجابه‌جایی بین والد، فرزند و هم‌شاخه‌های عناصر
ابزارهای جانبیمتدهای کمکی برای آرایه‌ها، رشته‌ها و اشیاء

چرا امروز jQuery را یاد بگیریم؟

شاید بپرسید: «با وجود فریمورک‌های مدرن مثل React و Vue، آیا jQuery هنوز ارزش یادگیری دارد؟» پاسخ بله است، به این دلایل:

  1. میراث عظیم: میلیون‌ها سایت قدیمی و فعال (وردپرس، بوت‌استرپ ۴ و پایین‌تر، افزونه‌های بی‌شمار) با jQuery نوشته شده‌اند
  2. وردپرس: محبوب‌ترین سیستم مدیریت محتوا دنیا هنوز از jQuery به‌صورت پیش‌فرض استفاده می‌کند
  3. یادگیری آسان DOM: بهترین راه برای فهمیدن مفاهیم DOM، رویدادها و AJAX قبل از رفتن سراغ فریمورک‌ها
  4. پروژه‌های کوچک: برای افزودن چند قابلیت تعاملی به یک صفحه ساده، jQuery هنوز انتخابی سریع و منطقی است
  5. افزونه‌های آماده: هزاران افزونه jQuery برای اسلایدر، تاریخ‌شمسی، مودال و... موجود است
jQuery جایگزین جاوااسکریپت نیست! jQuery خودش با جاوااسکریپت نوشته شده است. دانستن مبانی جاوااسکریپت قبل از شروع این دوره، یادگیری را بسیار ساده‌تر می‌کند.

jQuery چگونه کار می‌کند؟

قلب jQuery تابع $() (یا jQuery()) است. این تابع یک سلکتور می‌گیرد، عناصر مطابق را در صفحه پیدا می‌کند و یک شیء jQuery برمی‌گرداند که می‌توانید روی آن متدهای مختلف را اجرا کنید:

// ساختار کلی یک دستور jQuery
$(selector).action();

// مثال: مخفی کردن همه پاراگراف‌ها
$("p").hide();
نسخه ۱ و ۲ jQuery از مرورگر اینترنت اکسپلوررهای قدیمی (۶ تا ۸) پشتیبانی می‌کنند، اما نسخه ۳ فقط مرورگرهای مدرن را پشتیبانی می‌کند. برای پروژه‌های جدید همیشه از نسخه ۳ استفاده کنید.

جمع‌بندی

این مبحث بخشی از دوره آموزش کامل jQuery است.

ابزارهای مرتبط