پنهان و نمایان کردن عناصر در jQuery
مثال - خودتان امتحان کنید
()hide
این مثال نشان می دهد که چگونه با کلیک روی تگ <p> آنرا مخفی کنیم.
()hide
این مثال نشان می دهد که چگونه یک تگ <div> را بصورت آهسته مخفی کنیم.
متدهای ()hide و ()show
در jQuery، با متدهای ()hide و ()show می توانید عناصر HTML را پنهان و نمایان کنید:
مثال (پنهان و نمایان کردن عناصر در jQuery)
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
نحوه استفاده:
$(selector).show(speed,callback);
پارامترها:
پارامتر | توضیح |
---|---|
speed |
اختیاری است، سرعت پنهان یا نمایان شدن را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود. |
callback |
اختیاری است، تابعی است که بعد از اجرای کامل متدهای ()hide و ()show اجرا می شود. (درباره تابع callback در مطالب بعدی بیشتر توضیح داده خواهد شد) |
در مثال زیر، پارامتر speed همراه با متد ()hide استفاده شده است:
مثال (پنهان و نمایان کردن عناصر در jQuery)
$("p").hide(1000);
});
متد ()toggle
با متد ()toggle می توانید بین متدهای ()hide و ()show حرکت کنید.
عناصر نمایان را پنهان و عناصر پنهان را نمایان می کند:
مثال (پنهان و نمایان کردن عناصر در jQuery)
$("p").toggle();
});
نحوه استفاده:
پارامترها:
پارامتر | توضیح |
---|---|
speed |
اختیاری است، سرعت پنهان یا نمایان شدن را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود. |
callback |
اختیاری است، تابعی است که بعد از اجرای کامل متدهای ()hide و ()show اجرا می شود. (درباره تابع callback در مطالب بعدی بیشتر توضیح داده خواهد شد) |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 26819