                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

我的这个为什么不行？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>toggle()方法绑定多个函数</title>
        <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <h3>toggle()方法绑定多个函数</h3>
        <input id="btntest" type="button" value="点一下我" />
        <div>我是动态显示的</div>

        <script type="text/javascript">
            $(function () {
                $("#btntest").bind("click",function (){
                    $("div").toggle(
                    function(){$(this).attr("display","none")},
                    function(){$(this).removeAttr("display")}
                    )
                })
            });
        </script>
    </body>
</html>

qq_牧月云_0

2015-12-09

源自：jQuery基础课程 6-4

关注问题我要回答

549

操作

收起

6 回答

李晓健
2015-12-09

$(function () {
    $("#btntest").toggle(
        function (){
            $("div").show();
        },function (){
            $("div").hide();
        })
 });

这样也是可以的，你那样是不行的

0 回复有任何疑惑可以回复我~

收起回答

QLwang_web
2016-01-28

$(function () {

$("#btntest").bind("click", function () {

$("div").toggle(

function(){

$(this).css("display","block")

},function(){

$(this).css("display","none")

})

});

这样也可以

0 回复有任何疑惑可以回复我~

收起回答

qq_牧月云_0 提问者
2015-12-09

擦我终于知道问题在哪了，原来JQuery 的版本不一样！！！

0 回复有任何疑惑可以回复我~

收起回答

tudor_enyo

噗，太逗了。

2016-01-05 回复有任何疑惑可以回复我~

qq_牧月云_0 提问者
2015-12-09

但是我看到别人这样的就可以的
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>toggle()方法绑定多个函数</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
    <h3>toggle()方法绑定多个函数</h3>
    <input id="btntest" type="button" value="点一下我" />
    <div>我是动态显示的</div>
    <script type="text/javascript">
        $(function () {
            $("#btntest").bind("click", function () {
                $("div").toggle(
                  function(){
                      $(this).attr("display","none");
                  },
                  function(){
                      $(this).removeAttr("display");
                  })
            })
        });
    </script>
</body>
</html>
而且还有动画效果

0 回复有任何疑惑可以回复我~

收起回答

李晓健
2015-12-09

$(function () {
    $("#btntest").bind("click",function (){
        $("div").toggle()
    })
});

直接这样试试

0 回复有任何疑惑可以回复我~

收起回答

Caballarii
2015-12-09

display不是attribute,不可以使用removeAttr

你还是需要用attr("display","block")这样来给display赋值

0 回复有任何疑惑可以回复我~

收起回答

Caballarii

被带进去了，应该用css("display","none")，而不是attr

2015-12-09 回复有任何疑惑可以回复我~

qq_牧月云_0 提问者回复 Caballarii

但是我看到别人这样可以的，也没找出差别

2015-12-09 回复有任何疑惑可以回复我~

QLwang_web 回复 qq_牧月云_0 提问者

该节编程练习不验证代码，你可以各种尝试，或继续学习下一节吧。

2016-01-28 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

进入课程

我的这个为什么不行？

我要回答关注问题

热搜

最近搜索清空

我的这个为什么不行？

6 回答

我的这个为什么不行？