jQuery یک کتابخانه محبوب جاوا اسکریپت است. جی کوئری توسط John Resig در سال 2006 با هدف ایجاد سهولت در استفاده از JavaScript در وب سایت ها ایجاد شده است. این یک زبان برنامه نویسی جداگانه نیست و در کنار جاوا اسکریپت کار می کند. با جی کوئری ، می توانید کارهای بسیار بیشتری را با زحمت خیلی کمتری انجام دهید.
نوشتن کد می تواند خسته کننده باشد، به ویژه هنگامی که تعداد زیادی رشته وجود دارد. jQuery چندین خط کد را به یک عملکرد واحد فشرده می کند، بنابراین برای رسیدن به یک کار واحد نیازی به نوشتن مجدد کل کدها نیست.
نمونه های جی کوئری
شما می توانید فقط با چند خط کد افکت های کشویی ایجاد کنید.
می توانید از دستورات SlideDown() و SlideUp() و SlideToogle() استفاده کنید.
$("#flip").click(function(){ $("#panel").slideDown(); });
با استفاده از jQuery ، می توانید عناصر HTML را نیز با دستورات Hide() و Show() پنهان کنید:
$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });
و در اینجا نمونه ای از انیمیشن وجود دارد:
$("button").click(function(){ $("div").animate({ left: '250px', height: '+=150px', width: '+=150px' }); });
در اینجا یک قطعه کد درباره نحوه انجام دستکاری CSS آورده شده است:
$("button").click(function(){ $("h1, h2, p").toggleClass("blue"); });
ویژگی های مهم جی کوئری
یکی از ویژگی های عامل موفقیت آمیزی و محبوبیت jQuery احتمالاً قابلیت های کراسپلتفرم است. به طور خودکار خطاها را برطرف می کند و در اکثر مرورگرهای رایج مانند Chrome ، Firefox ، Safari ، MS Edge ، IE ، Android و iOS به همان روش کار می کند.
jQuery همچنین ایجکس (Ajax) را بسیار ساده تر می کند. ایجکس از بقیه کدها به صورت غیر همزمان کار می کند. این بدان معنی است که کدی که با ایجکس نوشته شده است می تواند با سرور ارتباط برقرار کرده و بدون نیاز به بارگیری مجدد صفحه، محتوای آن را به روز کند.
این با مشکلات همراه است. مرورگرهای مختلف API Ajax را متفاوت اجرا می کنند. بنابراین کد باید به همه مرورگرها پیوست باشد. به صورت دستی، این کار سخت و وقت گیر است. خوشبختانه ، jQuery تمام کارها را انجام می دهد و کد را در همه مرورگرهای وب تطبیق می دهد.
سپس دستکاری DOM (Document Object Model) وجود دارد که روش های مختلفی در مورد چگونگی دستیابی به آن دارد. اما به عبارت ساده، این امکان را به شما می دهد تا عناصر DOM را در یک صفحه HTML درج کرده و یا حذف کنید، و همچنین بسته بندی خطوط آسان تر است.
ایجاد انیمیشن نیز با جی کوئری ساده شده است. مانند قسمت قطعه کد فوق در مورد انیمیشن، همه با چند خط کد پوشیده شده اند، تنها کاری که باید انجام دهید این است که متغیرها را وارد کنید.
گذرگاه سند HTML، و همچنین انجام افکت ها و مدیریت رویدادها با jQuery نیز بهتر می شوند.
مزایای jQuery
مزایای استفاده از jQuery قابل توجه است. شعار “کمتر بنویس، بیشتر انجام بده ” متناسب با جی کوئری است. پس از یادگیری نحوه استفاده از jQuery (که بسیار ساده است)، شما قادر خواهید بود انواع کارهای پیچیده را با سهولت انجام دهید.
در کل مهم ترین مزایای جی کوئری در موارد زیر خلاصه می شود:
- صفحات سریعتر بارگیری می شوند
- سادگی را تبلیغ می کند
- سازگاری چند مرورگری
- نحو تمیز و زیبا
- کتابخانه منبع باز
- انیمیشن ها و جلوه های جالب
- بسیار گسترده
- سئو دوستانه
برای یادگیری JQuery چه چیز را باید از قبل بدانیم؟
قبل از اینکه یادگیری جی کوئری را شروع کنید، شما باید دانش پایه ای (حداقلی) از موارد زیر را داشته باشید: