اضافه کردن jQuery به صفحه وب

چندین راه برای استفاده از jQuery وجود دارد:

  • دانلود کتابخانه jQuery از سایت jQuery.com و لینک کردن آن به صفحه وب توسط تگ <script>
  • استفاده از یک CDN مانند Google و اضافه کردن URL آن به صفحه وب توسط تگ <script>

توجه: CDN، مخفف کلمات Content Delivery Networks است (تحویل محتوی، روی شبکه). یک شبکه از چندیدن کتابخانه عمومی JavaScript است.

دانلود jQuery

دو نسخه از jQuery برای دانلود در دسترس است:

  • نسخه Production: این نسخه، یک فایل فشرده از jQuery است و برای وب سایت های درحال کار مناسب است.
  • نسخه Development: این نسخه، یک فایل بدون فشرده سازی و قابل خواندن است و برای زمانی که در حال آماده سازی وب سایت هستید مناسب است.

هر دو نسخه را می توان از سایت jQuery.com دانلود نمود.

کتابخانه jQuery، تنها یک فایل JavaScript است و همانطور که گفته شد می توانید توسط تگ <script> آنرا به صفحه وبتان لینک کنید (تگ <script> باید در قسمت <head> صفحه باشد):

<head>
<script src="/jquery-1.9.1.min.js"></script>
</head>

توجه: خصوصیت src باید با آدرس فایل دانلود شده تنظیم شود، در مثال بالا، فایل jQuery دقیقاً در همان مسیر صفحه جاری قرار دارد. اگر فایل jQuery در آدرسی غیر از آدرس صفحه جاری وجود دارد باید آنرا در نظر بگیرید.

lamp

شاید بپرسید که چرا در تگ <script> خصوصیت type را با مقدار "text/javascript" تنظیم نکرده اید؟
در HTML5 نیازی به این کار نیست. در HTML5 و مرورگرهای امروزی JavaScript زبان اسکریبت نویسی پیشفرض است.

جایگزینی برای دانلود

اگر نمی خواهید فایل jQuery را در بین فایل های پروژه تان قرار دهید، می توانید با استفاده از یک CDN آنرا به صفحه وبتان لینک کنید.

Google و Microsoft هر دو میزبان jQuery هستند:

Google CDN:

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
</head>
خودتان امتحان کنید »
lamp

گرفتن آخرین نسخه jQuery از Google:
همانطور که در URL بالا مشاهده می کنید، نسخه jQuery در URL مشخص شده است (1.9.1). اگر آخرین نسخه jQuery مد نظر شماست می توانید هر کدام از آخرین اعداد را حذف کنید. برای مثال 1.9 آخرین نسخه قابل دسترس در سری 1.9 را برگرداند یا عدد 1 آخرین نسخه در سری 1 را برمی گرداند (از 1.1.0 تا 1.9.9).

Microsoft CDN:

<head>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js">
</script>
</head>
خودتان امتحان کنید »
lamp

یک مزیت بزرگ استفاده از CDNهای Google یا Microsoft:
زمانی که بازدیدکنندگان سایت شما، قبلاً در سایت های دیگر، فایل jQuery را از CDNهای Google یا Microsoft دریافت کرده اند، در دفعات بعدی، فایل jQuery از Cache فراخوانی می شود که باعث افزایش سرعت می شود.