آموزش jQuery قسمت دوم- شروع کار با جی کوئری jQuery
با قسمت دوم از آموزش جی کوئری در خدمت شما هستیم در این قسمت آموزش شروع کار با جی کوئری jQuery را برای شما آماده کردیم.
روش های مختلفی برای اضافه کردن کتابخانه جی کوئری به سایت وجود دارد:
- دانلود کتابخانه جی کوئری از سایت jQuery.com و الحاق آن به سایت خودتون
- استفاده از CDN سایت هایی مثل گوگل یا مایکروسافت و افزودن آن به صفحه سایت خودتون
کتابخانه jQuery دارای دو نسخه مختلف است:
- نسخه Production: نسخه فشرده و کم حجم جی کوئری که برای سایت های در حال اجرا (آپلود شده روی هاست) مناسب است
- نسخه Developer: نسخه غیر فشرده برای تست و توسعه برنامه ها
کتابخانه جی کوئری یک فایل جاوا اسکریپت بوده که با استفاده از تگ اسکریپت در html به صفحه اضافه می شود. دقت کنید که این تگ باید درون header سایت قرار گیرد
<head>
<script type="text/javascript" src="jquery-1.12.4.min.js"></script>
</head>
در صورتیکه از HTML 5 استفاده می کنید نوشتن قسمت "type=text/javascript" اختیاری بوده و می توانید از نوشتن آن صرف نظر کنید
اضافه کردن جی کوئری با CDN
در صورتیکه تمایل به دانلود کتابخانه جی کوئری ندارید می توانید از شبکه تحویل محتوی (Content Delivery Network) یا همون CDN استفاده کنید. می تونید از CDN شرکت گوکل یا مایکروسافت استفاده کنید کافیه که کد زیر رو تو هدر سایت اضافه کنید
استفاده از Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>همچنین برای استفاده از Microsoft CDN کد زیر را به هدر سایت اضافه کنید
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
</head>یکی از مزیت های استفاده از CDN این است که سایت های زیادی از این روش استفاده میکنند در نتیجه زمانی که کاربر از این سایت ها بازدید میکند این کتابخانه روی سیستم کاربر دانلود شده و اگر کاربر از سایت شما بازدید کند این کتابخانه از حافظه cache کاربر بارگذاری خواهد شد که منجر به افزایش سرعت بارگذاری می شود.
مشاهده قسمت قبلی: آموزش جی کوئری قسمت اول: معرفی جی کوئری
