使用jQuery
隐藏HTML元素要掉用hide()
方法; 显示HTML元素要掉用show()
方法; 掉用toggle()
方法在隐藏和显示之间切换。
这三个方法的用法完全一样,它们的原型如下:
$(selector).hide([duration] [,callback]);
$(selector).show([duration] [,callback]);
$(selector).toggle([duration] [,callback]);
duration
参数规定隐藏/显示的时间,此时有动画过程。其值可以是slow
、fast
或具体的毫秒。
示例:
$("p").hide();
$("p").hide(1000);
$("p").hide(1000, function() {
//TODO
});
$("p").show();
$("p").show('slow');
$("p").hide(1000, function() {
//TODO
});
$("p").toggle();
$("p").toggle('fast');
$("p").toggle(1000, function() {
//TODO
});