راهنمای کامل دانلود، نصب و استفاده از jQuery

کتابخانه‌ی jQuery مشهورترین کتابخانه‌ی برنامه‌نویسی سمت کلاینت جاوااسکریپت در طراحی سایت است. با آموزش دانلود و نصب و استفاده از نسخه‌های مختلف جی کوئری با ما همراه باشید.

جی کوئری

دانلود jQuery

برای دانلود این کتابخانه به صفحه‌ی دانلود آن مراجعه کنید. با توجه به اینکه این کتابخانه به صورت مستمر در حال به‌روزرسانی است، ممکن است با نگارش‌های جدید این کتابخانه مواجه شوید. در حال حاضر آخرین نسخه‌ی موجود در سایت ۳.۴.۱ است.

نسخه‌های مختلف jQuery

با مراجعه به صفحه‌ی فوق چند نسخه شامل موارد زیر را مشاهده خواهید کرد. برای دانلود نسخه‌ی مورد نظر روی گزینه‌ی مربوط کلیک راست کنید و گزینه‌ی Save link as را انتخاب نمایید.

  1. production
    نسخه‌ی فشرده شده و قابل استفاده در اغلب موارد. احتمالا بخواهید همین نسخه را دانلود کنید.
  2. development
    نسخه‌ی فشرده نشده برای برنامه‌نویسی افزونه جی‌کوئری یا خطایابی در شرایط خاص
  3. map file
    نقشه کدهای فشرده نشده برای استفاده در هنگام خطایابی( Debugging )
  4. slim production
    نسخه کوچک فشرده شده. اغلب مورد استفاده در نرم‌افزارهای موبایل
  5. slim development
    نسخه کوچک فشرده نشده برای برنامه‌نویسی افزونه یا خطایابی
  6. slim map file
    نقشه کدهای فشرده نشده برای نسخه کوچک

نسخه‌ی slim یا کوچک فاقد قابلیت‌های ajax است و همچنین امکانات افکت‌های انیمیشن را هم پشتیبانی نمی‌کند.

قرار دادن کدهای jQuery در سایت

فایلی که ما دانلود کردیم با نام «jquery-3.4.1.min.js» ذخیره شده است. جهت درج jQuery در سایت، کد زیر را در بخش head سایت خود درج نمایید:

استفاده از نسخه‌ی CDN

به دلیل استفاده‌ی میلیون‌ها سایت از کتابخانه‌ی jQuery، این امکان وجود دارد که فایل jQuery را روی سایت خودتان میزبانی نکنید و از سرویس‌های میزبانی شرکت‌های بزرگ مثل گوگل و مایکروسافت استفاده کنید.

با این کار، کاربران برای مشاهده‌ی هر سایت لازم نیست تا فایل jQuery را به دفعات دانلود کنند و در نتیجه سایت شما هم سریع‌تر بارگزاری خواهد شد.

این شکل از میزبانی فایل‌ها، میزبانی روی CDN نامیده می‌شود. برای مثال می‌توانید از میزبانی شرکت مایکروسافت به شکل زیر استفاده کنید:

برای استفاده از نسخه‌های جدیدتر یا قدیمی‌تر jQuery روی CDN مایکروسافت، این صفحه را ببینید.

هشدار امنیتی

با توجه به اینکه کدهای جاوااسکریپت درج شده در سایت شما می‌توانند بسیاری فعالیت‌ها را انجام دهند، اگر میزبان CDN مورد اطمینان نباشد یا مورد حمله قرار بگیرد، امنیت سایت و کاربران شما به طور جدی تحت تاثیر قرار می‌گیرد. جهت جلوگیری از این اتفاق، لازم است تا از CDNهای معتبر و قابل اعتماد استفاده کنید و با تغییر دادن کد فراخوانی اسکریپت به شکل زیر، به مرورگر اطلاع دهید که اگر فایل اصلی تغییری کند، آن را اجرا نکند. این قابلیت ‌ Subresource Integrity یا SRI نام دارد.

درج SRI در اسکریپت مایکروسافت به شکل زیر خواهد بود.

نگران نباشید! برای ساخت کدهای بالا از ابزار رایگان و آنلاین SRI Hash Generator استفاده شده است و لازم نیست تا کدهای بالا را از حفظ تایپ کنید !

شروع برنامه‌نویسی با jQuery

اکنون می‌توانید کدهای جاوااسکریپت خود را که از کتابخانه‌ی جی کوئری استفاده می‌کنند، در سایت درج کنید. در مثال زیر، یک لینک در صفحه قرار دادیم و هنگامی که کاربر روی آن کلیک می‌کند، با استفاده از jQuery یک لینک جدید به صفحه اضافه می‌شود.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان تلفنی
۶۵ ۸۹ ۹۶ ۸۸ - ۰۲۱
۹۱ ۸۴ ۹۶ ۸۸ - ۰۲۱