jQuery中的$(this)的使用

最新推荐文章于 2023-12-09 09:07:03 发布

原创最新推荐文章于 2023-12-09 09:07:03 发布 · 914 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #javascript

本文通过一个具体的示例展示了如何使用jQuery库中的方法来改变HTML页面中特定div元素的颜色。当用户点击任何一个div元素时，该元素内的文字颜色将变为红色。

总体来就是指得当前对象。

我们以一个实例来说明

<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    	<div>第一个div</div>
    	<div>第二个div</div>
    	<div>第三个div</div>
    </body>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
    	$('div').on('click',function(){
    		$(this).css({
    			color:'red',
    		});
    	});
    </script>
</html>

上面的代码执行的效果就是点击那个div就会把字体颜色变为红色。所以借助代码就可以理解$(this)指的就是当前的对象。