jQuery Animate
انیمیشن سازی (Animate) 🎥
متد animate() به شما اجازه میدهد انیمیشنهای سفارشی روی هر ویژگی CSS عددی بسازید.
یادگیری 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 استفاده میکند.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
یک div را طوری انیمیت کنید که left آن به 250px برسد.
$("div").animate({left: '250px'});
آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.