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

首页课程实战体系课手记专栏慕课教程

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

来源：2-15 jQuery选择器之特殊选择器this

眉眼如初岁月如

2016-12-17 12:27

<!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回答

孤独的男子程序猿

2016-12-17 16:18:23

已采纳

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

0 0
慕粉学步

2016-12-19 17:33:55

可以的，你再运行一下

0 0

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217482 学习 · 1303 问题

相似问题

var $this = $(this)

回答 4

var ele=$(this)

回答 1

var $this= $(this) 前面那个$this 代表什么？后面$（this）代表是$('p')的内容吗？

回答 2

$this $(this) 分别表示什么意思？

回答 6

这样不行？？var div=document.getElementsByTagName('div'); var $div = $(div); //jQuery对象 for(var $i=0;$i<$div.length;$i++){ $div.get($i).css('color','red'); //$div.get($i).style.color='red'; }

回答 2

打开慕课网App查看更多内容