دوره‌ها / آموزش جامع jQuery / jQuery Intro

jQuery Intro

15 دقیقه Article

معرفی jQuery 📜

جی‌کوئری یک کتابخانه سبک (Lightweight) جاوااسکریپت است. کارهایی که در JS خالص (Vanilla JS) نیاز به 10 خط کد دارند، در jQuery با 1 خط انجام می‌شوند.

قابلیت‌های کلیدی

  • دستکاری HTML/DOM
  • دستکاری CSS
  • رویدادها (Events)
  • افکت‌ها و انیمیشن
  • AJAX

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

یادگیری jQuery دروازه ورود به دنیای دستکاری DOM است. حتی اگر بعداً سراغ فریم‌ورک‌های مدرن بروید، درک اینکه زیر کاپوت چه می‌گذرد (انتخاب المان، تغییر استایل، رویدادها) شما را به برنامه‌نویس قوی‌تری تبدیل می‌کند. ابزارها عوض می‌شوند، اما مفاهیم وب ثابت می‌مانند.

<hr style="margin: 50px 0; border: 0; border-top: 2px dashed #0769AD;">

میراث jQuery در دنیای مدرن 🏛️

اگرچه فریم‌ورک‌های مدرن مثل React و Vue جایگزین jQuery شده‌اند، اما هنوز 70% وب از jQuery استفاده می‌کند.

شعار همیشگی: Write Less, Do More. هدف jQuery همیشه ساده کردن کارهای پیچیده جاوااسکریپت بوده است.

تمرین‌های عملی

برای تثبیت یادگیری این درس تمرین‌های زیر را حل کنید

هدف اصلی Easy
سوال تمرین

هدف اصلی jQuery ساده‌سازی کار با کدام زبان است؟

پاسخ تمرین
// JavaScript

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.