jquery this与$(this)的正确用法

发布时间:2020-02-20编辑:脚本学堂
在jquery中this与$(this)有什么区别,如何正确使用this与$(this),通过例子来深入理解下。

区别:
1、this不能调用jquery的css()方法,但是可以用javascript来更改style属性。
2、$(this)是一个jquery对象,不是html元素,可以用css()方法。
3、this是一个html元素,不是jquery对象,因此this不能调用jquery的css()方法。

例子:
 

复制代码 代码示例:
var node = $('#id');
node.click(function(){
this.css('display','block'); //报错  this是一个html元素,不是jquery对象,因此this不能调用jquery的css()方法
$(this).css(); //正确  $(this)是一个jquery对象,不是html元素,可以用css()方法
this.style.display = 'block'; //正确  this是一个html元素,不是jquery对象,因此this不能调用jquery的css()方法,但是可以用javascript来更改style属性
});