شروع کار با jQuery

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

اضافه‌کردن jQuery به صفحات وب شما

برای شروع کار با jQuery در وب‌سایت خود، راه‌های بسیاری وجود دارد. شما می‌توانید:[۱]

  • کتابخانه jQuery را از jQuery.com دانلود کنید
  • jQuery را از یک CDN (شبکه تحویل محتوا) مانند Google اضافه کنید

دانلود jQuery

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

  • نسخه تولیدی - این برای وب‌سایت فعال شماست زیرا فشره و کوچک شده‌است
  • نسخه توسعه‌ای - این نسخه برای تست و توسعه است (فشرده نشده و کد خوانا)

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

کتابخانه jQuery یک فایل جاوا اسکریپت است و شما با تگ <script>در HTML به آن ارجاع می‌زنید (دقت کنید که تگ <script> باید داخل بخش <head> باشد):

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


نکته: فایل دانلود شده را در همان مسیر صفحاتی قرار دهید که می‌خواهید از آن استفاده کنید.

آیا می‌دانید چرا در داخل تگ type="text/javascript" ،<script> را نداریم؟

در HTML5 نیاز نیست. جاوا اسکریپت زبان اسکریپت نویسی پیش‌فرض در HTML5 و همه مرورگرهای مدرن است!

jQuery CDN

اگر نمی‌خواهید jQuery را دانلود و خودتان میزبانی کنید، می‌توانید آن را از یک CDN (شبکه تحویل محتوا) به کار ببرید.

هم Google و هم Microsoft از jQuery میزبانی می‌کنند.

برای استفاده jQuery از Google و Microsoft، از یک از روش‌های زیر استفاده کنید:

Google CDN
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

Microsoft CDN
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
</head>

یک مزیت بزرگ استفاده از jQuery موجود در Google یا Microsoft:

بسیاری از کاربران هنگام مشاهده از سایت‌های دیگر از پیش jQuery را از Google یا Microsoft دانلود کرده‌اند. در نتیجه، هنگامی که آن‌ها از سایت شما بازدید می‌کنند، jQuery از cache بارگذاری می‌شود که منجر به زمان بارگذاری سریعتر می‌شود. همچنین، اکثر CDNها تضمین می‌کنند که هنگامی که کاربری یک فایل از آن‌ها درخواست کند، آن فایل از نزدیکترین سرور برای کاربر ارسال می‌شود که منجر به زمان بارگذاری سریعتر می‌شود.


منابع آموزشی