جی‌کوئری

از ویکی‌پدیا، دانشنامهٔ آزاد
پرش به: ناوبری، جستجو
جی‌کوئری
JQuery logo text.svg
نویسنده(های) اصلی جان رزیگ
توسعه‌دهنده(ها) تیم جی کوئری
انتشار ابتدایی ۲۰۰۶
انتشار پایدار ۱٫۸٫۲ / ۲۰ سپتامبر ۲۰۱۲؛ ۸۱۹ روز پیش
وضعیت توسعه فعال
نوشته‌شده به جاوااسکریپت
سیستم‌عامل چندسکویی
موجود به انگلیسی
گونه چارچوب نرم‌افزاری تحت وب
پروانه دو پروانه:
GPL and MIT
وب‌گاه jquery.com

جی‌کوئری یا jQuery یک کتابخانه جاوااسکریپت سبک وزن چند مرورگری می‌باشد که برای ساده کردن نوشتن اسکریپ‌های سمت-مشتری دراچ تی ام‌ال (HTML) طراحی شده است.[۱] جی کوئری امروزه محبوبترین کتابخانه جاوااسکریپت در حال استفاده است.[۲][۳]

جی کوئری نرم‌افزار بازمتن و رایگان است که تحت دو پروانه GPL و MIT منتشر می‌شود.[۴] دستور زبان جی کوئری به گونه‌ای طراحی شده است که عمل هدایت یه پرونده را آسان تر کرده باشد، بدین صورت که می‌توان حرکات انیمیشین ایجاد کرد و رویدادهای صفحه استفاده کند و به وسیله آن می‌توان نرم‌افزارهای مبتنی بر ای‌جکس را ایجاد و توسعه داد.
جی کوئری همچنین این اختیار را به برنامه نویسان می‌دهد که افزایه‌هایی برای کتابخانه جاوااسکریپت ایجاد کنند.
جدا از این‌ها جی کوئری به توسعه دهندگان این اختیار را می‌دهد که تکه برنامه‌های سطح پایین مبادله‌ای (ارتباط مرورگر با کاربر) و یا انیمیشنی و حتی افکت‌های پیشرفته و سطح بالا و ایجاد اشیا فرضی را ایجاد کنند. به کارگیری همه این اجزای جی کوئری کمک می‌کند صفحات وب قدرتمند و داینامیک (پویا) داشته باشیم.

ویژگی‌ها[ویرایش]

جی‌کوئری شامل ویژگی‌های زیر می‌باشد:

  • به عناصر موجود در پرونده دسترسی پیدا کرد و ان‌ها تغییر و دستکاری نمود.
  • کنترل اسان و قدرتمند تر رویدادها(Events)
  • دستکاری CSS--
  • ایجاد افکت و حرکات انیمیشین
  • توسعه دادن افزایه‌ها
  • برنامه‌های کوچک سودمند

استفاده[ویرایش]

کتابخانه جی‌کوئری معمولاً تنها یک فایل حاوااسکریپت است که شامل همه DOMها و Eventها و افکت‌های و تابع‌های مربوط به ای‌جکس می‌شود. فایل جی‌کوئری را می‌توان به طرق مختلفی به صفحه وب متصل کرد که در ادامه این روش‌ها را معرفی می‌کنیم.

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

جی‌کوئری همچنین می‌تواند از طریق شبکه توزیع محتوای گوگل در صفحه بارگذاری شود.[۵]

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
 
<script>
google.load("jquery", "1.4.2");
</script

یا از طریق HTTP

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

مایکروسافت همچنین جی کوئری را بر روی سرویس شبکه توزیع محتوای CDN میزبانی می‌کند.

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

برای استفاده از جی‌کوئری دو شیوه وجود دارد:

  • به وسیله تابع $ که از الگوی factory method ایجاد شده است. این تابع‌ها معمولاً دستورات نامیده می‌شوند.
  • به وسیله توابع prefixed. $ این‌ها توابع سودمندی هستند که مستقیماً به اشیا سروکار ندارند.

برای نمونه دسترسی و انجام تغییرات بر روی یک گره DOM با تابع $ شروع می‌شود و به همراه یک رشته انتحاب گر(selector)سی اس اس خواهد امد که در نتیجه جی کوئری می‌تواند به عناصر صفحه وب دسترسی پیدا کند و ان‌ها را دستکاری بنماید. برای مثال:

$("div.test").add("p.quote").addClass("blue").slideDown("slow");

در این خط ابتدا تمام تگ‌های p که quote صفت کلاس ان‌ها است و در تگ div که صفت کلاس ان test است را پیدا کرده و به هرکدام از عناصر پیدا کرده یک صفت کلاس blue اضافه کرده و بعد از ان سرعت حرکت انیمیشنی ان‌ها را اهسته قرار می‌دهد.
در حقیقت توابع $ و add مجموعه عناصر مورد نیاز را واکشی کردند در حالی که توابع addClass و slidedown گره‌های بازگردانده شده تحت تاثیر قرار دادند.

متدها پیشوندی. $ متدهای مفید و اسانی هستند که تنظیمات و رفتارهای سراسری را تحت تاثیر قرار می‌دهند. برای مثال در ادامه از از تابعی به نام 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 ارسال می‌کند و وقتی این درخواست با موفقیت به پایان رسید تابعی فراخوانده می‌شود تا این اتفاقات را به کاربر اعلام کند.

تاریخچه نسخه‌ها[ویرایش]

Version number Release date Latest update Size Prod (KB) Additional notes
1.0 ۲۶ اوت ۲۰۰۶ (۲۰۰۶-08-۲۶) First stable release
1.1 ۱۴ ژانویه ۲۰۰۷ (۲۰۰۷-01-۱۴)
1.2 ۱۰ سپتامبر ۲۰۰۷ (۲۰۰۷-09-۱۰)
1.3 ۱۴ ژانویه ۲۰۰۹ (۲۰۰۹-01-۱۴) 55.9 Sizzle Selector Engine introduced into core
1.4 ۱۴ ژانویه ۲۰۱۰ (۲۰۱۰-01-۱۴)
1.5 ۳۱ ژانویه ۲۰۱۱ (۲۰۱۱-01-۳۱) Deferred callback management, ajax module rewrite
1.6 ۳ مه ۲۰۱۱ (۲۰۱۱-05-۰۳) Significant performance improvements to the attr() and val() functions
1.7 ۳ نوامبر ۲۰۱۱ (۲۰۱۱-11-۰۳) New Event APIs: .on() and .off(), while the old APIs are still supported.
1.8 ۹ اوت ۲۰۱۲ (۲۰۱۲-08-۰۹) 91.4 Sizzle Selector Engine rewritten, improved animations and $(html, props) flexibility.
1.9 ۱۵ ژانویه ۲۰۱۳ (۲۰۱۳-01-۱۵) 1.9.1 (۰۴ فوریه ۲۰۱۳؛ ۶۸۲ روز پیش)[۶] Removal of deprecated interfaces and code cleanup
1.10 ۲۴ مه ۲۰۱۳ (۲۰۱۳-05-۲۴) 1.10.2 (۳ ژوئیه ۲۰۱۳ (۲۰۱۳-07-۰۳)) Incorporated bug fixes and differences reported from both the 1.9 and 2.0 beta cycles
1.11 ۲۴ ژانویه ۲۰۱۴ (۲۰۱۴-01-۲۴) 1.11.1 (۱ مه ۲۰۱۴ (۲۰۱۴-05-۰۱)) 93.5
2.0 ۱۸ آوریل ۲۰۱۳ (۲۰۱۳-04-۱۸) 2.0.3 (۳ ژوئیه ۲۰۱۳ (۲۰۱۳-07-۰۳)) 81.1 Dropped IE 6–8 support for performance improvements and reduction in filesize
2.1 ۲۴ ژانویه ۲۰۱۴ (۲۰۱۴-01-۲۴) 2.1.1 (۱ مه ۲۰۱۴ (۲۰۱۴-05-۰۱)) 82.2

جستارهای وابسته[ویرایش]

پانویس‌هاو مراجع[ویرایش]