jquery学习第1天-toggle()函数实现点击显示/隐藏
作者: 郑晓 分类: javacript 发布于: 2011-10-04 20:11 浏览：6,254 没有评论
今天开始学习jquery，有点头晕……下面是一段简单的小练习，用toggle()函数来实现简单的点击按钮显示与隐藏指定内容。
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("p").hide('slow');
},function(){
$("p").show('slow');
});
});
</script>
<p>JQuery 之选择器、事件器详解</p>
<p>oggle第一次点击执行第一个函数，再点击执行第二个
</p>
<button>点击显示/隐藏</button>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("p").hide('slow');
},function(){
$("p").show('slow');
});
});
</script>
<p>JQuery 之选择器、事件器详解</p>
<p>oggle第一次点击执行第一个函数，再点击执行第二个
</p>
<button>点击显示/隐藏</button>
本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可，转载时请注明出处及相应链接。
本文永久链接: https://www.zh30.com/jquery-toggle.html