جی کوئری (jQuery) یک کتابخانه سبک وزن برای جاوااسکریپت است با شعار “کم بنویسید و زیاد انجام دهید”.هدف از جی کوئری آسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است. جی کوری بسیاری از کارهای معمولی که نیاز به دستورات زیادی از جاوااسکریپت دارد را بصورت دستورات یک سطری قابل پیاده سازی می کند. جی کوئری (jQuery) مفاهیم پیچیده در جاوااسکریپت (مثل DOM و AJAX) را ساده سازی می کند.
معرفی جی کوئری (jQuery)
- jQuery یک کتابخانه جاوا اسکریپت است .
- jQuery برنامه نویسی جاوااسکریپت را خیلی ساده می کند.
- jQuery برای یادگیری آسان است.
مثالی از jQuery :
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head><body>
<p>If you click on me, I will disappear.</p>
</body></html>
هدف از جی کوئریآسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است.
آنچه شما باید از قبل بدانید
قبل از اینکه jQuery را شروع کنید باید اطلاعات پایه در موارد زیر داشته باشید:
جی کوئری (jQuery) چیست؟
جی کوئری یک کتابخانه سبک وزن برای جاوااسکریپت است. “کم بنویسید و زیاد انجام دهید”.
هدف از جی کوئریآسان کردن استفاده از جاوا اسکریپت در صفحات وب سایت است.
جی کوئریبسیاری از کارهای معمولی که نیاز به دستورات زیادی از جاوااسکریپت دارد را بصورت دستورات یک سطری قابل پیاده سازی می کند.
جی کوئریمفاهیم پیچیده در جاوااسکریپت (مثل DOM و AJAX) را ساده سازی می کند.
کتابخانه جی کوئری شامل قابلیت های زیر است:
- پیاده سازی HTML/DOM
- دستکاری CSS
- برنامه نویسی رویدادهای HTML
- جلوه های ویژه و متحرک سازی
- آجاکس
- ابزارهای پشتیبان
علاوه بر این، جی کوئری دارای افزونه هایی برای انجام وظیفه های مختلف است.
چرا jQuery ؟
خیلی از چارچوب های دیگربرای جاوااسکریپت وجود دارد ولی جی کوئری از همه معروف تر و همچنین قابل توسعه تر است.
بسیاری از شرکت های بزرگ از جی کوئری استفاده می کنند مثل :
- Microsoft
- IBM
- Netflix
| آیا همه مرورگرها جی کوئری را پشتیبانی خواهند کرد؟
تیم توسعه jQuery همه مفاهیم مرتبط با گذر از پلت فرم را می دانند و آنها را در ساخت کتابخانه jQuery بکار گرفته اند و در نتیجه این کتابخانه در بسیاری از مرورگرهای مطرح از جمله IE6.0 بدون هیچگونه مشکلی اجرا می شود. |
نصب جی کوئری
اضافه کردن جی کوئری به صفحه وب
برای استفاده از جی کوئری باید کتابخانه جی کوئری را دانلود کرده و در صفحه وب تان بصورت زیر معرفی نمائید.
کتابخانه جی کوئری یک فایل برنامه نویسی ساده جاوااسکریپت است و باید برای ضمیمه کردن آن به صفحه در تگ script آدرس آنرا بصورت زیر تعیین کنید.
<script src=”jquery.js”></script>
</head>
توجه کنید که تگ script باید در بخش head صفحه قرار داده شود.
یک مثال ساده از جی کوئری
مثال زیر متد hide() از jQuery را نشان می دهد. وقتی کاربر روی دکمه کلیک کند، همه تگ های p مخفی خواهند شد.
<html>
<head>
<script src=”jquery.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide();
});
});
</script>
</head><body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
دانلود jQuery
دو نسخه از jQuery برای دانلود وجود دارد:
- نسخه تولید – بصورت فشرده شده است برای استفاده در وب سایت ها
- نسخه توسعه – بصورت غیر فشرده و قابل خواندن برای تست و توسعه
هر دو نسخه می تواند از آدرس jQuery.com دریافت کنید.
نکته : فایل دالود شده را باید در همان فهرست حاوی صفحات وب تان ذخیره کنید که می خواهید در آنها استفاده کنید.
به جای دانلود
اگر شما نمی خواهید جی کوئری را خودتان دانلود کنید می توانید آنرا مستقیما” از یک شبکه تحویل محتوا استفاده کنید مثل زیر:
Google CDN:
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js”>
</script>
</head>
Microsoft CDN:
<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js”>
</script>
</head>