سبد خرید (0)

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

اضافه کردن 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 فراخوانی می شود که باعث افزایش سرعت می شود.

دیدگاه‌ها  

0 # kitana 1395-11-21 01:52
دستتون درد نکنه مشکلم حل شد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
-2 # kitana 1395-11-20 17:56
سلام ببخشین.من ادرس :رو در صفحم نوشتم ولی کدهام هیچ کودوم کار نمی کنند!!چکار کنم؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1395-11-20 18:34
سلام کافیه آدرس زیر رو در داخل تگ head از کدهای خودتون قرار بدهید:
<script src="//ajax.goo gleapis.com/aja x/libs/jquery/1 .9.1/jquery.min .js"> </script>
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # gol 1395-08-05 21:43
با سلام
میخواستم بدونم برای دانلود jquery باید npm نصب کینم?
توی سایت نتونستم jquery-1.9.1.mi n.js را پیدا کنم
اگه لطف کنید و نحوه دانلود کردنش را بذارید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # مهرداد صلاحی 1395-08-06 09:12
با سلام.
jquery یک فایل js هست که با سرچ می‌تونید به راحتی در گوگل پیدا کنید. برای دانلودش نیاز به هیچ چیز خاصی نیست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # زیور قاسمی منش 1395-07-05 18:59
جیکوری با ie سازگاری داره؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1395-07-06 08:26
بله شما بدول مشکل می تونید از jQuery در مروگر Internet Explorer استفاده کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # دامون 1394-10-28 10:37
سلام ممنون از سایت خوبتون
وقتی من URL مربوط به CDN گوگل رو در قسمت SRC وارد میکنم اصلا انگار کتابخانه جی کوئری رو نمیخونه و هیچ اتفاقی نمی افته با توجه به اینکه تمامی الگوهای شرح داده شده رو امتحان کردم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # پیمان بندی 1394-11-01 20:56
کاربر گرامی سلام
این مورد تست شده و مشکلی وجود ندارد مراحل را مجدد انجام بدهید و مطابق با آموزش عمل کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # amirahmad 1394-07-27 20:40
مرسی ممنون از شما
تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # amirkian 1394-05-14 14:24
یک سوال
اگر ما جی کوئری را دانلود کنیم و در پروژه مان قراردهیم
وقتی که کاربر به سایت ما سر میزند ؛یهتی جیکوری در حافظه مرورگر کاربر کش نمیشود؟!
و فقط با cdn کش میشود؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # setayek 1395-07-11 20:41
برای مثال
اگر من یک فایل jQuery رو دانلود کنم و بزارم توی پروژم اگر بازدید کننده یک بار صفحه رو لود کرد دفعه بعد دوباره توی یک صفحه دیگه همون رو دانلود میکنه یا اینکه فایل که قبلا دانلود شده رو کش میکنه.
و همچنین اگر یه نفر دیگه فایل جی کوئری سایت ما رو توی ساتش قرار بده بازدید کننده ای که از سایت من دیدن کرده وقتی توی سایت اون میره بازم باید اون فایل رو که از سایت من دانلود کرد و حالا سایت طرف مقابلم داره از همون ادرس فایل سایت من استفاده میکنه رو دانلود کنه یا اینکه فایلی که قبلا دانلود شده رو کش میکنه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # مهرداد صلاحی 1394-07-27 21:38
سلام دوست عزیز.
سوالتون به لحاظ مفهومی قابل درک نیست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن