جی کوئی ان معرفی

جی کوئنری لیبریری کو ایک سادے نمبر کے ذریعے ویب پیج میں شامل کیا جاسکتا ہے。

جی کوئنری لیبریری - خصوصیات

جی کوئنری ایک جاوااسکریپت فونکشن لیبریری ہے。

جی کوئنری لیبریری مندرجہ بالا خصوصیات رکھتی ہے:

  • HTML عناصر انتخاب
  • HTML عناصر عمل
  • CSS عمل
  • HTML ایونٹ فونکشن
  • جاوااسکریپت اثرات اور موشن
  • HTML DOM مرور اور ترمیم
  • AJAX
  • عوامل

جی کوئنری لیبریری کو آپ کی پیج میں شامل کریں

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 دانلود کنید.

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

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

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

استفاده از CDN گوگل

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

استفاده از CDN میکروسافت

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