为了账号安全,请及时绑定邮箱和手机立即绑定

var $this= $(this) $this.css('color','red')形式为什么没用

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
    <h2>特殊选择器this</h2>

    <p id="test1">点击测试:通过原生DOM处理</p>
   
    <p id="test2">点击测试:通过原生jQuery处理</p>

    <script type="text/javascript">
        var p1 = document.getElementById('test1')
        p1.addEventListener('click',function(){
            //直接通过dom的方法改变颜色
            this.style.color = "red";
        },false);
    </script>

    <script type="text/javascript">
        $('#test2').click(function(){
            //通过包装成jQuery对象改变颜色
          var $this=$(this);
          $this.css('color','blue');
        })
    </script>

</body>

</html>

在这里点击不会变色, 放其他地方运行也不可以   为什么一定要  $(this).css('color','red')呢

正在回答

2 回答

刚运行了你的代码,可以啊

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

http://img1.sycdn.imooc.com//5857a965000103bd07370710.jpg

可以的,你再运行一下

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

举报

0/150
提交
取消

var $this= $(this) $this.css('color','red')形式为什么没用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信