jQuery方法Toggle()应用

最新推荐文章于 2021-06-01 02:43:19 发布

greatverve

最新推荐文章于 2021-06-01 02:43:19 发布

阅读量949

点赞数

分类专栏： JS.JQuery 文章标签： jquery button div class

本文链接：https://blog.csdn.net/greatverve/article/details/3634567

版权

JS.JQuery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>toggle</title>
    <script type="text/javascript" src="../js/jquery-1.2.6.js"></script>
    <script type="text/javascript">
        //传f(id),此为正道,这里是传了object
        function f(obj){
            var id = $(obj).attr("id");
            $(".cc:not(#"+id+")").hide();//传过来的是id
            $(obj).toggle();//直接传值就是当id,#id
        }
        //传'id',此法不简化
        function ff(obj){
            $(".cc:not(#"+obj+")").hide();//仍然需要这样
            $("#"+obj).toggle();
        }
    </script>
</head>
<body>
<div style="display:none;" id="Div1" class="cc">hello1</div>
    <input type="button" value="1" onclick="f(Div1);" />
<div style="display:none;" id="Div2" class="cc">hello2</div>
    <input type="button" value="2" onclick="f(Div2);" />
<div style="display:none;" id="Div3" class="cc">hello3</div>
    <input type="button" value="3" onclick="f(Div3);" />
<div style="display:none;" id="Div4" class="cc">hello4</div>
    <input type="button" value="4" onclick="ff('Div4');" />
<div style="display:none;" id="Div5" class="cc">hello5</div>
    <input type="button" value="5" onclick="ff('Div5');" />
</body>
</html>
 

greatverve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery方法Toggle()应用

html xmlns="http://www.w3.org/1999/xhtml" >head> title>toggletitle> script type="text/javascript" src="../js/jquery-1.2.6.js">script> script type="text/javascript">
复制链接

扫一扫

专栏目录