jQuery特殊选择器this

最新推荐文章于 2020-10-14 12:52:46 发布

♕时光以北暮南城

最新推荐文章于 2020-10-14 12:52:46 发布

阅读量176

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qq_43742368/article/details/106321911

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <title>jQuery特殊选择器this</title>
   <script src="jquery-1.10.2.min.js"></script>
</head>

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

    <p id="js">通过原生DOM处理</p>
    
    <p id="jq">通过原生jQuery处理</p>

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

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

</body>

</html>

在这里插入图片描述