مقدمة به jQuery

کتابخانه jQuery می‌تواند با یک علامت ساده به صفحه وب اضافه شود.

ویژگی‌های کتابخانه jQuery

jQuery یک کتابخانه از توابع JavaScript است.

کتابخانه jQuery شامل ویژگی‌های زیر است:

  • انتخاب عناصر HTML
  • عملیات عناصر HTML
  • عملیات CSS
  • وظایف رویدادهای HTML
  • آنی‌سازی‌ها و انیمیشن‌های JavaScript
  • گردش و تغییر HTML DOM
  • AJAX
  • ابزارها

افزودن کتابخانه jQuery به صفحه شما

بایگانی‌خانه jQuery در یک فایل JavaScript قرار دارد که شامل تمامی توابع jQuery می‌باشد.

jQuery را می‌توان با استفاده از برچسب‌های زیر به صفحه اضافه کرد:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

لطفاً توجه داشته باشید که تگ <script> باید در بخش <head> صفحه قرار گیرد.

مثال‌های پایه jQuery

در اینجا مثالی از استفاده از تابع hide() jQuery آورده شده است که تمام عناصر <p> در مستند HTML را مخفی می‌کند.

مثال

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>این یک عنوان است</h2>
<p>این یک پاراگراف است.</p>
<p>این یک پاراگراف دیگر است.</p>
<button type="button">کلیک کنید</button>
</body>
</html>

به طور مستقیم امتحان کنید

jQuery دانلود کنید

دو نسخه از jQuery قابل دانلود وجود دارند: یکی فشرده شده و دیگری غیرفشرده شده (برای اشکال‌زدایی یا خواندن).

این دو نسخه قابل دانلود هستند jQuery.com دانلود کنید.

جایگزین کتابخانه

شرکت‌های Google و Microsoft از jQuery به خوبی پشتیبانی می‌کنند.

اگر نمی‌خواهید کتابخانه jQuery را روی کامپیوتر خود ذخیره کنید، می‌توانید از CDN شرکت Google یا Microsoft برای بارگذاری فایل‌های هسته‌ای jQuery استفاده کنید.

از CDN شرکت Google استفاده کنید

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

از CDN شرکت Microsoft استفاده کنید

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>