جیکوئری
جِیکوئری (به انگلیسی: jQuery) یک کتابخانه جاوااسکریپت سبکوزنِ چند مرورگری است که برای ساده سازیِ نوشتنِ اسکریپ هایِ سمت-مشتری یا به عبارتی سمت Client، در صفحات وب طراحی شده[1] و امروزه محبوبترین کتابخانهٔ جاوااسکریپتِ در حال استفاده است.[2][3]
نویسنده(های) اصلی | جان رزیگ |
---|---|
توسعهدهنده(ها) | تیم جی کوئری |
انتشار ابتدایی | ۲۰۰۶ |
انتشار پایدار | 3.3.1
|
مخزن | |
نوشتهشده با | جاوااسکریپت |
سیستمعامل | چندسکویی (تحت وب) |
در دسترس به | انگلیسی |
گونه | چارچوب نرمافزاری تحت وب |
پروانه | MIT |
وبگاه |
جی کوئری نرمافزار متنباز و رایگان است که تحت پروانه "MIT" منتشر میشود.[4] ساختار کتابخانه جِیکوئری به گونهای طراحی شدهاست که دسترسی به عناصر صفحه را آسانتر کرده باشد. میتوان با آن حرکات انیمیشن ایجاد و از رویداد (به انگلیسی: Event) های صفحه استفاده کرد و به وسیله آن میتوان نرمافزارهای مبتنی بر ایجکس (به انگلیسی: Ajax) را ایجاد و توسعه داد.
جیکوئری همچنین این اختیار را به برنامه نویسان میدهد که افزونههایی برای این کتابخانه جاوااسکریپت ایجاد کنند. جدا از اینها، جیکوئری به توسعه دهندگان این اختیار را میدهد که تکه برنامههای سطحِ پایینِ مبادلهای (ارتباط مرورگر با کاربر) یا انیمیشنی و حتی افکتهای پیشرفته و سطح بالا و اشیاء فرضی را ایجاد کنند. بهکارگیری همهٔ این اجزای جیکوئری کمک میکند تا صفحات وب قدرتمند و داینامیک (پویا)، راحتتر ایجاد شوند.
ویژگیها
جیکوئری شامل ویژگیهای زیر است:
- دسترسی به عناصر موجود در پرونده و تغییر در آنها.
- کنترل آسان و قدرتمند تر رویدادها (Events).
- تغییر در آرایش و چینش صفحه (دقیقا کاری که با CSS انجام میشود).
- ایجاد افکت و حرکات انیمیشن.
- توسعهٔ افزونههایی بر پایه جیکوئری.
استفاده
کتابخانهٔ جیکوئری معمولاً (بدون افزونه) تنها یک فایل جاوااسکریپت است. فایل جیکوئری را میتوان به شیوههای مختلفی به صفحه وب متصل کرد.
<script type="text/javascript" src="jquery.js"></script>
استفاده از رابط برنامهنویسی گوگل برای اضافه کردن جیکوئری
<script type="text/javascript" src="//google.com/jsapi"></script>
<script>
google.load("jquery", "1.4.2");
</script
استفاده از شبکه توزیع محتوای گوگل برای اضافه کردن جیکوئری
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
استفاده از شبکه توزیع محتوای مایکروسافت برای اضافه کردن جیکوئری
<script src="//ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
استفاده از محتوای جِیکوئری
دسترسی و انجام تغییرات بر روی یک گروه از عناصر صفحه (DOM) با تابع $ شروع میشود و به همراه آن یک رشته انتخاب گر (Selector) سیاساس میآید که در نتیجه، جیکوئری میتواند به عناصر صفحهٔ وب دسترسی پیدا کند و انها را تغییر دهد.
$("p.myclass").hide();
در این نمونه کد ساده، با استفاده از تابع $ ، عناصری که خواهان اعمال تغییر روی آن ها هستیم را انتخاب کردیم. در این مورد، انتخاب ما تمامی تگ های p (پاراگراف) هستند که دارای کلاس "myclass" باشند. سپس با استفاده از تابع hide ، عناصر انتخاب شده را پنهان میکنیم.
تابع each.$ ، روشِ مفید و آسانی است که برای عناصر داخل یک آرایه، یک عمل مشابه را انجام دهیم.
$.each([1,2,3], function()
{
document.write(this + 1);
});
این تابع ارقام ۲۳۴ را در پرونده مینویسد.
این امکان وجود دارد که درخواستهای مبتنی بر اِیجکس از طریق ajax.$ و متدهای وابسته تبادل شود:
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert("Data Saved: " + msg);
}
});
در بالا برنامه، دادههای name=john و location=boston را به صفحه some.php ارسال میکند و وقتی این درخواست با موفقیت به پایان رسید تابعی فراخوانده میشود تا این اتفاقات را به کاربر اعلام کند.
تاریخچه نسخهها[5]
Version number | Release date | Latest update | Size Prod (KB) | Additional notes |
---|---|---|---|---|
1.0 | ۲۶ اوت ۲۰۰۶ | First stable release | ||
1.1 | ۱۴ ژانویه ۲۰۰۷ | |||
1.2 | ۱۰ سپتامبر ۲۰۰۷ | 1.2.6 | 54 | |
1.3 | ۱۴ ژانویه ۲۰۰۹ | 1.3.2 | 55.9 | Sizzle Selector Engine introduced into core |
1.4 | ۱۴ ژانویه ۲۰۱۰ | 1.4.4 | 76 | |
1.5 | ۳۱ ژانویه ۲۰۱۱ | 1.5.2 | 83 | Deferred callback management, ajax module rewrite |
1.6 | ۳ مه ۲۰۱۱ | 1.6.4 | 89 | Significant performance improvements to the attr() and val() functions |
1.7 | ۳ نوامبر ۲۰۱۱ | 1.7.2 (۲۱ مارس ۲۰۱۲ ) | 92 | New Event APIs: .on() and .off(), while the old APIs are still supported. |
1.8 | ۹ اوت ۲۰۱۲ | 1.8.3 (۱۳ نوامبر ۲۰۱۲ ) | 91.4 | Sizzle Selector Engine rewritten, improved animations and $(html, props) flexibility. |
1.9 | ۱۵ ژانویه ۲۰۱۳ | 1.9.1 (۴ فوریه ۲۰۱۳ ) | 90 | Removal of deprecated interfaces and code cleanup |
1.10 | ۲۴ مه ۲۰۱۳ | 1.10.2 (۳ ژوئیه ۲۰۱۳ ) | 91 | Incorporated bug fixes and differences reported from both the 1.9 and 2.0 beta cycles |
1.11 | ۲۴ ژانویه ۲۰۱۴ | 1.11.3 (۲۸ آوریل ۲۰۱۵ ) | 95.9 | |
1.12 | ۸ ژانویه ۲۰۱۶ | 1.12.4 (۲۰ مه ۲۰۱۶ ) | 95 | |
2.0 | ۱۸ آوریل ۲۰۱۳ | 2.0.3 (۳ ژوئیه ۲۰۱۳ ) | 81.1 | Dropped IE 6–8 support for performance improvements and reduction in filesize |
2.1 | ۲۴ ژانویه ۲۰۱۴ | 2.1.4 (۲۸ آوریل ۲۰۱۵ ) | 82.4 | |
2.2 | ۸ ژانویه ۲۰۱۶ | 2.2.4 (۲۰ مه ۲۰۱۶ ) | 85.6 | |
3.0 | ۹ ژوئن ۲۰۱۶[6] | 3.0.0 (۹ ژوئن ۲۰۱۶ ) | 86.3 | Promises/A+ support for Deferreds, $.ajax and $.when, .data() HTML5-compatible |
3.1 | ۷ ژوئیه ۲۰۱۶ | 3.1.1 (۲۳ سپتامبر ۲۰۱۶ ) | 86.3 | jQuery.readyException added, ready handler errors are now not silenced |
3.2 | ۱۷ مارس ۲۰۱۷[7] | 3.2.1 (۲۰ مارس ۲۰۱۷ ) | 84.6 | Added support for retrieving contents of <template> elements, and deprecation of various old methods. |
3.3 | ۱۹ ژانویه ۲۰۱۸ | 3.3.1 (۲۰ ژانویه ۲۰۱۸ ) | 84.8 | Deprecation of old functions, functions that accept classes now also support them in array format. |
جستارهای وابسته
پانویسهاو مراجع
- "jQuery: The write less, do more, JavaScript library". The jQuery Project. Retrieved 29 April 2010.
- "jQuery Usage Statistics".
- "Usage of javascript libraries for websites". Retrieved 7 May 2010.
- js.foundation، JS Foundation -. «License | jQuery Foundation». jquery.org (به انگلیسی). دریافتشده در ۲۰۱۸-۰۶-۱۱.
- "jQuery". Wikipedia. 2018-06-01.
- Chesters, James (2016-06-15). "Long-awaited jQuery 3.0 Brings Slim Build". infoq.com. Retrieved 2017-01-28.
- "jQuery 3.2.0 Is Out!". jQuery Blog. 16 March 2017. Retrieved 12 March 2018.