jQuery选择器之特殊选择器this

来源：互联网发布：阿里云怎么提现编辑：程序博客网时间：2024/06/05 04:09

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

<!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对象改变颜色            $(this).css('color','blue');        })    </script></body></html>

这里写图片描述

阅读全文

0 0