با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره آموزش کاربردی آموزش jQuery ، را دنبال می کنند. تا این لحظه سرفصل مقدمات jQuery ، که بیشتر مباحث آشنایی با jQuery و ساختار های آن، مطرح بود. به اتمام رسید. اکنون قصد داریم در سرفصل جدید به بررسی افکت ها در jQuery ، بپردازیم. در اولین جلسه ی این سرفصل، به موضوع مخفی کردن یا نمایش دادن عناصر در jQuery ، می پردازیم
در ادامه به مبحث مخفی کردن یا نمایش دادن عناصر در jQuery ، می پردازیم.
برای مخفی کردن یا نمایش دادن عناصر در jQuery ، از توابع فوق ، به شکل زیر استفاده می شودک
1 2 3 4 5 6 7 | $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); |
1 2 3 | $(selector).hide(speed,callback); $(selector).show(speed,callback); |
تشریح:
پارامتر اختیاری speed سرعت پنهان کردن / نشان دادن را مشخص می کند. و می تواند مقادیر زیر را داشته باشد: “slow”، “fast” یا بر حسب میلی ثانیه.
پارامتر callback بخش اختیاری یک تابع است. که پس از تکمیل متد ()hide یا ()show اجرا می شود.
مثال زیر نشان دهنده پارامتر سرعت در تابع ()hide است:
1 2 3 | $("button").click(function(){ $("p").hide(1000); }); |
از تابع toggle ، برای تغییر وضعیت و سوئیچ بین حالت های ()hide یا ()show ، استفاده می شود.
مثال: با کلیک روی button، تمام عناصر <p> ، نمایش داده شده ، را مخفی و تمام عناصر <p> مخفی را ، نمایش می دهد:
1 2 3 | $("button").click(function(){ $("p").toggle(); }); |
ساختار:
1 | $(selector).toggle(speed,callback); |
تشریح:
پارامتر اختیاری speed سرعت پنهان کردن / نشان دادن را مشخص می کند. و می تواند مقادیر زیر را داشته باشد: “slow”، “fast” یا بر حسب میلی ثانیه.
پارامتر callback بخش اختیاری یک تابع است. که پس از تکمیل متد ()hide یا ()show اجرا می شود.
در این بخش نیز، که به تازگی وارد مباحث افکت ها در jQuery ، شده ایم. به مبحث مخفی کردن یا نمایش دادن عناصر در jQuery ، پرداختیم. این افکت از پرکاربردترین افکت ها در jQuery ، محسوب می شود.
Sobhan
ممنون مفید بود