当前位置:博客首页>>javacript >> 阅读正文

jquery学习第1天-toggle()函数实现点击显示/隐藏

作者: 郑晓 分类: javacript 发布于: 2011-10-04 20:11 浏览(4,730) 没有评论


今天开始学习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>
↓↓微信扫码请我吃份正宗的烤面筋,可带劲啦↓↓
       

本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可,转载时请注明出处及相应链接。

本文永久链接: https://www.zh30.com/jquery-toggle.html