جی‌کوئری jQuery

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

جی کوئری یک کتابخانه جاوا اسکریپتی متن باز یا open source است که تعامل بین HTML-CSS یا بطور کلی Document Object Model (DOM) را با جاوا اسکریپت تسهیل می کند.

در واقع توسط کتابخانه jQuery می توانیم عملیات پیمایش و ویرایش (traversing and manipulation) داکیومنت HTML ، مدیریت رویدادهای مرورگر (browser events)، انیمیشن المان های صفحه وب، تعاملات ای‌جکس (Ajax interactions) و… را انجام دهیم.

جی کوئری کتابخانه ای از JavaScript است که می تواند توسط هر دو تیم طراح وب سایت و برنامه نویسی مورد استفاده قرار گیرد. شعار کتابخانه جی کوئری “write less, do more” است.

جی کوئری چیست

 

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

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

  • جی کوئری بطور بسیار گسترده ای توسط توسعه دهندگان سراسر دنیا مورد استفاده است و جامعه آماری بسیار بزرگی دارد و محبوبیت زیادی دارد.
  • جی کوئری بین تمام مرورگرهای وب یکسان است و قابلیت استفاده در تمام browser ها را دارد.
  • کتابخانه ای سبک است و ساختار پلاگین های آن هوشمندانه است.
  • مخزن پلاگین های جی کوئری روز بروز در حال توسعه است و پلاگین های رایگان زیادی در دسترس کاربران است.
  • API جی کوئری داکیومنت کاملی دارد که به همراه مثال های کاربردی توضیح داده شده است.
  • jQuery انعطاف پذیر است و کدنویسی در آن نسبتا ساده است و ساختار آن طوری است که کمترین تداخل یا conflict را با سایر کتابخانه های جی کوئری دارد.

 

همانطور که گفتیم فلسفه جی کوئری write less, do more می باشد. دلایل زیر را می توان برای این فلسفه عنوان کرد:

  • پیدا کردن المان های دلخواه (توسط CSS Selector) و ویرایش یا دستکاری آنها توسط متدهای جی کوئری.
  • استفاده از توابع و متدهای جی کوئری بصورت زنجیره ای و پشت سر هم در یک دستور.

 

فهرست “جی کوئری” در مجله آموزشی محتوا شامل مقالات آموزشی در زمینه کتابخانه jQuery می باشد. مانند: معرفی انواع پلاگین های کاربردی جی کوئری، آموزش تابع ajax دی جی کوئری و…

 

آموزش jQuery با مثال‌های کاربردی – بخش اول

آموزش jQuery با مثال‌های کاربردی – بخش اول

آموزش jQuery با مثال‌های کاربردی - بخش اول » در این مقاله، کتابخانه جی کوئری را معرفی کرده و آنرا دانلود می کنیم. رویدادها و انیمیشن ها را آموزش می دهیم.

آموزش jQuery با مثال‌های کاربردی – بخش دوم

آموزش jQuery با مثال‌های کاربردی – بخش دوم

آموزش jQuery با مثال‌های کاربردی - بخش دوم » در این بخش، سلکتورها و فیلترهای پیشرفته در jQuery را بررسی خواهیم کرد. مانند: first و last-type-of و parents

آموزش jQuery با مثال‌های کاربردی – بخش سوم

آموزش jQuery با مثال‌های کاربردی – بخش سوم

آموزش jQuery با مثال‌های کاربردی - بخش سوم » در این مقاله، نحوه تغییر محتوای یک صفحه وب را توسط دستورات جی کوئری آموزش می دهیم مانند: append و before و...

۱۵ نکته و ترفند جی‌کوئری برای برنامه‌نویسان

۱۵ نکته و ترفند جی‌کوئری برای برنامه‌نویسان

15 نکته و ترفند جی‌کوئری برای برنامه‌نویسان » در این مقاله نکاتی برای بهبود کارایی (performance) کدهای جی کوئری را بیان می کنیم. مانند: توابع سفارشی easing

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش اول

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش اول

معرفی 50 پلاگین‌ کاربردی jQuery - بخش اول » در این مقاله، پلاگین های جی کوئری در زمینه دیالوگ، فرم، اسکرول و پارالاکس را معرفی می کنیم مانند: Alertify

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش دوم

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش دوم

معرفی 50 پلاگین‌ کاربردی jQuery - بخش دوم » در این مقاله، پلاگین های اسکرول، افکت های متنی، گرید (Grid) و نوار اسکرول سفارشی را معرفی و بررسی خواهیم کرد.

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش سوم

معرفی ۵۰ پلاگین‌ کاربردی jQuery – بخش سوم

معرفی 50 پلاگین‌ کاربردی jQuery - بخش سوم » در این مقاله، پلاگین های جی کوئری مربوط به بک گراند، گالری تصاویر و افکت های روی تصویر را معرفی و بررسی می کنیم

معرفی و آموزش پلاگین FullPage.js

معرفی و آموزش پلاگین FullPage.js

معرفی و آموزش پلاگین FullPage.js : در این مقاله، پلاگین fullpage.js را در 4 بخش مختلف معرفی و بررسی می کنیم. بخش‌ها عبارتند از: معرفی و راه‌اندازی پلاگین fullPage، بخش‌های تمام-صفحه و اسلایدها، سفارشی‌سازی منوی اسکرول

لود تصاویر توسط پلاگین in-view.js

لود تصاویر توسط پلاگین in-view.js

لود تصاویر توسط پلاگین in-view.js » در این مقاله آموزشی، بهبود کارایی و سرعت لود وب سایت با استفاده از in-view.js را آموزش خواهیم داد. سرفصلها عبارتند از: لود تصاویر پس از اسکرول کاربر، شروع بکار استفاده از پلاگین in-view.js، درج آدرس تصویر واقعی در اتریبیوت data-src و تعریف تابع ()inView و...

استفاده از تابع Ajax در جی‌کوئری

استفاده از تابع Ajax در جی‌کوئری

استفاده از تابع Ajax در جی‌کوئری » در این مقاله آموزشی، نحوه تعریف و استفاده از تابع ajax را در یک مثال عملی مشاهده می کنید. سرفصل های این مقاله: ساختار کلی یک صفحه وب، سورس کد HTML پیغام Modal، تولید پاسخ با فرمت جی‌سون، پیاده سازی درخواست آژاکسی، متدهای Promise، مدیریت خطاها و غیره

بهینه‌سازی فایل‌های جاوا اسکریپت در موبایل

بهینه‌سازی فایل‌های جاوا اسکریپت در موبایل

بهینه‌سازی فایل‌های جاوا اسکریپت در موبایل » در این مقاله، دلایل بلاک نکردن فایل های جاوا اسکریپت js و تاثیر آن روی سئوی موبایل را بیان می کنیم.

دیفر کردن تصاویر سایت بدون استفاده از جی‌کوئری

دیفر کردن تصاویر سایت بدون استفاده از جی‌کوئری

دیفر کردن تصاویر سایت بدون استفاده از جی‌کوئری » در این مقاله آموزشی، نحوه دیفر کردن تصاویر بدون استفاده از jQuery و متد Lazy Loading را آموزش می دهیم