آموزش جی کوئری – افکت show و hide در جی کوئری

  • منتشر شده در تاریخ

آموزش جی کوئری

در قسمت قبلی با بحث مهم رویدادها در جی کوئری آشنا شدیم. از این بخش به بعد افکت های مهم در جی کوئری را بررسی می کنیم.

برای این قسمت قصد داریم افکت show و hide در جی کوئری را یاد بگیریم.

 

متدهای show() و hide() جی کوئری

می توانید المان های HTML را با متدهای show() و hide() در جی کوئری مخفی کنید

متد hide() به سادگی یک استایل درون خطی display: none را برای عنصر انتخابی ست می کند.

برعکس آن متد show() خصوصیت display را به block, inline یا inline-bock برای نمایش مجدد تغییر می دهد.

می توانید بصورت اختیاری یک پارامتر مدت زمان (سرعت) برای ایجاد انیمیشنی افکت show و hide در جی کوئری در دوره زمانی را مشخص کنید.

مدت زمان می تواند یکی از عبارات از پیش تعیین شده بصورت رشته مانند ‘slow’ یا ‘fast’ , یا عددی در میلی ثانیه برای دقت بیشتر یا انیمیشن های آرام تر استفاده کنید.

نکته: رشته سرعت یا مدت زمان ‘fast’ نشان دهنده ۲۰۰ میلی ثانیه و ‘slow’ نمایانگر ۶۰۰ میلی ثانیه می باشد.

همچنین می توانید یک تابع بازگشتی (callback) برای اجرا بعد از تکمیل متدهای show() یا hide() مشخص کنید.

در مورد تابع بازگشتی در بخش های آینده بیشتر آموزش می دهیم.

 

متد toggle() جی کوئری

متد toggle() جی کوئری, عناصر را نمایان یا مخفی می کند به اینصورت که اگر نمایش داده می شود پس مخفی می کند و اگر مخفی باشد آن را نمایان می کند.

همچنین می توانید پارامتر مدت زمان را برای متد toggle() برای انیمیشن سازی آن استفاده کنید.

تابع بازگشتی را به این صورت می توانید برای متد toggle() مشخص کنید :

امیدوارم در این بخش آموزش جی کوئری, از افکت show و hide در جی کوئری نهایت استفاده را برده باشید.

در بخش بعدی با افکت محو شدن در jQuery , آشنا می شوید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی