جی کوئری چیست؟

  • محمدرضا الطافی
  • ۲۰ خرداد ۱۳۹۹
142
جی کوئری چیست؟

جی کوئری یکی از کتابخانه‌های جاوااسکریپت است که بین برنامه نویسان محبوبیت بسیار زیادی دارد. نکته مهم این است که جی کوئری جایگزینی برای جاوااسگریپت نیست، بلکه باعث می‌شود خیلی ساده‌تر و با تعداد کدهای کمتر، عملیاتی مثل پیاده سازی انیمیشن، دستورات AJAX و مدیریت رویدادها را انجام دهید.

دلیل استفاده برنامه نویسان از جی کوئری، سادگی و کدنویسی کمتر است و دلیل دوم، استفاده از پلاگین‌های حرفه ای جی کوئری مثل گالری تصاویر، اسلایدر، انیمیشن‌ها و… است که نیاز به کتابخانه جی کوئری دارند. در واقع jQuery یک کتابخانه قدرتمند است که با استفاده از آن علاوه بر پویا سازی وب سایتتان، می‌توانید از پلاگین‌های فوق العاده جذاب و کاربردی استفاده کنید.

چطور از جی کوئری در وب سایتمان استفاده کنیم؟

برای استفاده، بایستی ابتدا جی کوئری را از سایت رسمی jquery دانلود کنید و سپس فایل دانلود شده را به پروژه اضافه کنید. همین! برای مثال خیلی ساده می‌توانید از دستور script که برای افزودن فایل های js استفاده می کنید، در قسمت head و یا انتهای body فایل جی کوئری را اضافه کنید و بعد از اضافه کردن فایل، به راحتی دستورات جی کوئری را در پروژه خود اجرا کنید.

چرا باید از جی کوئری استفاده کنیم؟

  • دستورات بسیار ساده و قابل درک در زمینه بکار گیری فناوری Ajax
  • وجود پلاگین های متعدد و بسیار کار آمد
  • امکان تغییر آسان ظاهر یک صفحه و پشتیبانی از انواع مرورگر‎ها
  • کنترل و جلوگیری از اتفاقات غیرمنتظره بهنگام کلیک کردن کاربر
  • افزودن انیمیشن به یک صفحه
  • کسب اطلاعات از یک سرور بدون نیاز به ریفرش کردن آن صفحه
  • ساده‎سازی عملکردهای مشترک / تکراری جاوا اسکریپت
  • سهولت در شناسایی و تغییر مختصات صفحات وب

چند نمونه از کدهای جی کوئری

سادگی و قابل فهم بودن جی کوئری بسیار جالب و شگفت انگیز است. برای مثال زمانی که بخواهید یک المنت مخفی را نمایش دهید، کافی است از دستور زیر استفاده کنید:

$(‘.box’).show();

و برعکس آن زمانی که بخواهید یک المنت را مخفی کنید، می‌توانید از دستور زیر استفاده کنید:

$(‘.box’).hide();

در یک مثال عملی‌تر، اگر بخواهید بگویید زمانی که روی یک المنت کلیک شد، آن را مخفی کن، به راحتی می‌توانید از دستور زیر استفاده کنید:

$( “#button-container button” ).on( “click”, function() {

$(this).hide();

});

سایت های معتبر و بزرگی مثل Google نیز از جی کوئری استفاده می‌کنند. همانطور که گفتیم jquery بسیار سبک و ساده است و علاوه بر اینکه سرعت کدنویسی شما را سریع‌تر می‌کند، پلاگین‌های قدرتمندی در اختیار شما قرار می‌دهد که می‌توانید از آنها استفاده کنید.

نظرات