معرفی (Intro)
در این صفحه یک معرفی jQuery خیلی ساده می بینی. فرض کن jQuery مثل یک دسته ابزار آماده برای جاوااسکریپت است. با آن می توانی کارهای تکراری را سریع تر انجام دهی و کمتر کدنویسی کنی.
پیش نیازهای معرفی jQuery
قبل از jQuery بهتر است کمی HTML بلد باشی. HTML زبان ساخت اسکلت صفحه است. بعد CSS را بشناس. CSS زبان رنگ و ظاهر صفحه است. همچنین باید با JavaScript آشنا باشی، چون jQuery روی جاوااسکریپت سوار می شود.
نکته: اگر این سه مورد را بلد نیستی، بد نیست اول آن ها را مرور کنی و بعد دوباره برای معرفی jQuery برگردی.
معرفی jQuery چیست؟
jQuery یک کتابخانه (Library) سبک برای جاوااسکریپت است. کتابخانه یعنی مجموعه ای از کدهای آماده. شعارش این است: «کمتر بنویس، بیشتر انجام بده». یعنی به جای چند خط کد خام جاوااسکریپت، یک خط کد jQuery می نویسی.
jQuery کارهایی مثل گرفتن یک عنصر از DOM را راحت می کند. DOM نمای درختی صفحه است. همچنین رویدادها، انیمیشن ها و درخواست های AJAX را ساده می کند. AJAX یعنی فرستادن درخواست به سرور، بدون رفرش کامل صفحه.
- دستکاری HTML و DOM (عناصر صفحه)
- تغییر CSS و استایل ها
- کار با رویدادها مثل کلیک و حرکت ماوس
- ساخت افکت ها و انیمیشن های ساده
- ارسال و دریافت داده با AJAX
- ابزارهای کمکی (Utilities) برای کارهای تکراری
نکته: برای تقریباً هر کاری یک پلاگین (Plugin) آماده jQuery پیدا می کنی. پلاگین یعنی بسته آماده ای که روی jQuery سوار می شود.
چرا jQuery این قدر محبوب است؟
کتابخانه های زیادی برای جاوااسکریپت وجود دارد. اما jQuery سال ها بسیار محبوب بود. چون ساده است، قابل گسترش است و پلاگین های زیادی دارد. خیلی از سایت های بزرگ جهان از آن استفاده کرده اند.
مثلاً سایت هایی مثل Google، Microsoft، IBM و Netflix از jQuery استفاده کرده اند. وقتی شرکت های بزرگ از یک ابزار استفاده می کنند، برنامه نویس ها هم به آن اعتماد بیشتری می کنند.
آیا jQuery در همه مرورگرها کار می کند؟
یکی از دردسرهای جاوااسکریپت، تفاوت مرورگرها است. هر مرورگر ممکن است کمی متفاوت رفتار کند. تیم jQuery این مشکل ها را بررسی کرده است و راه حل ها را داخل خود کتابخانه گذاشته است.
نتیجه این است که کد jQuery معمولاً در همه مرورگرهای اصلی یکسان کار می کند. یعنی لازم نیست برای هر مرورگر جداگانه کدنویسی کنی. این برای یک نوجوان برنامه نویس نعمت بزرگی است.
اگر آماده ای وارد جزئیات بیشتری شوی، قدم بعدی صفحه شروع کار با jQuery است. آن جا یاد می گیری چطور jQuery را به صفحه خودت اضافه کنی و اولین کدها را اجرا کنی.
جمع بندی سریع
- jQuery یک کتابخانه سبک برای ساده کردن جاوااسکریپت است.
- قبل از آن، HTML، CSS و JavaScript را بشناس.
- jQuery کار با DOM، رویدادها و AJAX را ساده می کند.
- بسیاری از سایت های بزرگ از jQuery استفاده کرده اند.
- کد jQuery معمولاً در همه مرورگرهای اصلی یکسان عمل می کند.