用JQuery实现点击按钮来显示/隐藏某个div

43 阅读 0 评论 29 点赞

我是靠谱客的博主壮观香氛，最近开发中收集的这篇文章主要介绍用JQuery实现点击按钮来显示/隐藏某个div，觉得挺不错的，现在分享给大家，希望可以做个参考。

刚开始我还在判断div的display属性是不是等于"none"，来选择是show()还是hide()，现在才想起来直接用toggle()方法就可以了嘛，真的是太方便了

使用jQuery的时候，千万不要忘记在HTML页面加jQuery的CDN哟
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<div class="row">
    <button id="switchField1" >选择指定字段</button>
</div>
<div class="row" id="field1">
   一些字段
</div>

$(document).ready(function(){

    $("#switchField1").click(function() {
        $("#field1").toggle(500);//显示与隐藏的动作切换时间为500ms
    });
});

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。