首页 > 代码库 > Jqurey学习笔记---5、jQuery 效果 - 隐藏和显示
Jqurey学习笔记---5、jQuery 效果 - 隐藏和显示
jQuery 效果 - 隐藏和显示
演示一个简单的 jQuery hide() 方法。
a、$(document).ready(function ()--》触法事件--》执行事件。
1、
<script src="http://www.mamicode.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#hide").click(function () {
$("#p1").hide();
});
$("#show").click(function () {
$("#p1").show();
});
});
</script>
</head>
<body>
<p id="p1">如果点击隐藏按钮我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法：
<!DOCTYPE html>
<html>
<head>
<script src="http://www.mamicode.com/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
});
});
</script>
</head>
<body>
<button type="button">隐藏</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>
</html>
$(document).ready(function () {
$(".ex .hide").click(function () {
$(this).parents(".ex").hide("slow");
});
});
</script>
Jqurey学习笔记---5、jQuery 效果 - 隐藏和显示