اضافه کردن جی کوئری به صفحات HTML

Ratings
(0)


مسئله: چگونه می توانیم کتابخانه ی جی کوئری را به یک صفحه  اضافه کنیم؟

راه حل: دو راه برای اضافه کردن جی کوئری به یک صفحه ی وب وجود دارد که عبارتند از:

  • می تونیم از CDN گوگل استفاده کنیم(در این فصل از این روش استفاده شده است).
  • می تونیم جی کوئری رو از سایت jQuery.com دانلود کنیم و در سایت خود قرار دهیم.

اضافه کردن جی کوئری به صفحه، مثل اضافه کردن کدهای جاوا اسکریپت اکسترنال (به صفحه) هست. 

برای انجام این کار از عنصر <script> استفاده می کنیم و یک URL یا مسیر را برای خصوصیت src آن تعریف می کنیم و به این ترتیب فایل مورد نظر به صفحه ی وب ما اضافه می شود. بعنوان مثال در کد زیر جی کوئری اضافه شده است:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 </head>
 <body>
  <script>
   alert('jQuery added');
  </script>
 </body>
</html>

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

 به هر دلیلی اگر نخواهید از CDN استفاده کنید، می توانید جی کوئری را دانلود کنید و از آن استفاده کنید. در این مورد باید در داخل کدهای بالا به جای مقدار خصوصیت src مسیر قرار گیری فایل دانلودی یا همان URL آن را قرار دهید.

  • بازدید: 1103

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال