jQuery رو OpenJS Foundation و جمعی از مشارکت کننده ها نگه می دارن و با مجوز MIT منتشر می شه. کارش ساده است: کار با DOM رو کوتاه و یکدست می کنه. به جای نوشتن کدهای طولانی برای پیدا کردن یه عنصر، عوض کردن متن یا استایلش و وصل کردن یه رویداد بهش، همه این کارها رو با یه سلکتور شبیه CSS انجام می دی. سال ها پیش مرورگرها توی جزئیات با هم فرق داشتن و jQuery این تفاوت ها رو از سر راه برمی داشت. برای همین انقدر جا افتاد.
الان هم ممکنه سراغش بری. اگه سایتت وردپرسیه، احتمالا قالب یا افزونه ای داری که بدون jQuery کار نمی کنه؛ مثل خیلی از اسلایدرها، گالری ها، پاپ آپ ها، تقویم ها و دیت پیکرها. خود وردپرس هم یه نسخه ازش رو همراه هسته اش میاره. پس اگه با کدهای قدیمی یا افزونه های آماده سروکار داری، آشنایی باهاش کارت رو راحت تر می کنه.
ولی همه جا لازمش نداری. توی یه پروژه کاملا جدید با React یا Vue معمولا سراغش نمی ری، چون اون ابزارها خودشون DOM رو مدیریت می کنن و قاطی شدنشون با jQuery دردسر درست می کنه. برای یه کار کوچیک مثل باز و بسته کردن یه منو هم جاوااسکریپت ساده مرورگر کافیه و لازم نیست یه کتابخانه کامل لود کنی.
موقع انتخاب و استفاده چند نکته رو یادت نگه دار. نسخه رو بی دلیل عوض نکن، چون بعضی افزونه های قدیمی با نسخه های جدیدتر خطا می دن. نسخه slim سبک تره، ولی بخش Ajax و افکت ها رو نداره؛ اگه کدت از اونا استفاده می کنه، سراغش نرو. توی وردپرس هم jQuery رو دستی دوباره لود نکن و از نسخه خود وردپرس استفاده کن. اونجا کتابخانه توی حالت noConflict بالا میاد و نماد دلار مستقیم کار نمی کنه.
یه نکته هم مخصوص شرایط اینترنت ایرانه. وقتی اینترنت بین الملل محدود می شه، لود کردن jQuery از یه CDN خارجی ممکنه قطع بشه و نصف سایت از کار بیفته. امن تر اینه که فایل رو روی هاست خودت نگه داری. نسخه های رسمی و بدون تغییر jQuery توی مخزن داخلی ما هم در دسترسه.
راهنمای استفاده
نصب jQuery توی یه سایت معمولی چند قدم بیشتر نداره:
- از همین صفحه نسخه مورد نیازت رو انتخاب کن و فایلش رو دانلود کن. اگه نمی خوای فایل رو دستی مدیریت کنی، کد آماده پایین همین صفحه رو کپی کن.
- اگه فایل رو دانلود کردی، روی هاست خودت بذارش؛ مثلا توی پوشه جاوااسکریپت سایت.
- کد آماده یا تگ اسکریپت فایل رو قبل از بستن تگ بدنه صفحه بذار. هر کدی که از jQuery استفاده می کنه باید بعد از اون لود بشه.
- اسکریپت های خودت رو توی یه فایل جدا و بعد از jQuery اضافه کن. این طوری اگه خواستی نسخه رو عوض کنی، لازم نیست به کدت دست بزنی.
- توی وردپرس لازم نیست دستی اضافه کنی. وردپرس خودش jQuery داره و کافیه توی قالب یا افزونه ات اون رو به عنوان وابستگی اسکریپتت معرفی کنی.
بعد از اضافه کردن، صفحه رو باز کن و کنسول مرورگر رو نگاه کن. اگه خطایی درباره پیدا نشدن jQuery دیدی، یا ترتیب لود اسکریپت ها اشتباهه یا مسیر فایل درست نیست. اگه بعد از عوض کردن نسخه یه افزونه کار نکرد، اول به نسخه قبلی برگرد و بعد ببین اون افزونه با نسخه جدید سازگاره یا نه.