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

div为什么没反应呢

<!DOCTYPE html>

<head>

<title>toggle()方法绑定多个函数</title>

</head>

<body>

<h3>toggle()方法绑定多个函数</h3>

<div>我是动态显示的</div>

$(function(){

$("div").toggle(

function(){

$("this").html("hello");

function(){

$("this").html("world");

})

};

</script>

</body>

</html>

listenlo

2016-05-17

源自：jQuery基础课程 6-4

关注问题我要回答

497

操作

收起

3 回答

陈士愚回答被采纳 +3 积分
2016-05-17

调用当前的元素，是 $(this) ， this不要用""括起来。

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

收起回答

listenlo 提问者

非常感谢！

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

listenlo 提问者
2016-05-17

很详细的解决问题谢谢

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

收起回答

陈士愚
2016-05-17

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf8">
    <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>
    <div>我是动态显示的</div>
    <script type="text/javascript">
    $(function() {
        $("div").toggle(
            function() {
                $(this).html("hello");
            },
            function() {
                $(this).html("world");
            });
    });
    </script>
</body>

</html>

运行了一遍，发现不仅仅是this的问题，$(function(){}); 的用法缺少必要的关闭。

问题1： $(this)

问题2：$( 代码缺少闭合用的 ");"; 可对比我贴在上面的代码，该代码已经运行并达到你想要的效果。

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

收起回答