显示和隐藏
在jQuery中使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
hide()的语法形式:$(selector).hide(speed,callback);
show()的语法形式:$(selector).show(speed,callback);
speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast"或毫秒。 callback 参数是隐藏或显示完成后所执行的函数名称,两个参数都是可选的。
示例如下:
代码实现
<script type="text/javascript">
$(function(){
$("#hide").click(function(){
$("div").hide(1000);
});
$("#show").click(function(){
$("div").show(1000);
});
})
$(function(){//删除a标记中的href属性
$("#a1").removeAttr("href");
})
</script>
...省略代码
<h3> 隐藏和显示</h3>
<input type="button" id="hide" value="点击隐藏" />
<input type="button" id="show" value="点击显示" />
<div>在夕阳下奔跑,那是我逝去的青春。</div>
任务:把上面jQuery中的操作在代码框中重现。