نمایش و پنهان‌سازی (Hide/Show) 👻

ساده‌ترین افکت‌ها در jQuery.

{code_block('$("#hide").click(function(){\n $("p").hide(1000);\n});')}

عددی که به متد پاس می‌دهید، "سرعت" انجام افکت به میلی‌ثانیه است (در اینجا 1000ms یا 1 ثانیه).

Toggle

متد toggle() بین hide و show سوییچ می‌کند.

یادگیری 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 استفاده می‌کند.