1、jQuery中
hide()和
show()方法来隐藏和显示HTML元素。
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
})
$("#show").click(function(){
$("p").show();
})
})
其中HTML代码为:
<p>显示隐藏的实现</p>
<button type="button" id="hide">隐藏</button>
<button type="button" id="show">显示</button>
注:其中可以使用speed参数规定隐藏/显示的速度,可以取slow/fast或者“毫秒”,可选的callback参数是隐藏或者显示完成后所执行的函数名称。
$(selector).hide(speed,callback);
例如:
$("#hide").click(function(){
$("p").show(1200);
})
2、
toggle()方法来切换hide()和show()方法,显示被隐藏的元素,或者隐藏已显示的元素。
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
})
})
其中HTML代码为:
<p>显示隐藏的实现</p>
<button type="button">隐藏</button>
<button type="button">显示</button>