jQuery中的$(this)的使用

Posted 考拉的墨尔本

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中的$(this)的使用相关的知识,希望对你有一定的参考价值。

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

我们以一个实例来说明

<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)指的就是当前的对象。

以上是关于jQuery中的$(this)的使用的主要内容,如果未能解决你的问题,请参考以下文章

angularJs 模拟jQuery中的this

JQuery 仅选择“this”中的项目?

JQuery的$(this)和javascript中的this的区别

Vue中使用jquery

在 jQuery 中的元素 this 的 Dojo 中等效吗?

jQuery学习笔记:this相关问题及选择器