jQuery 中的 this 與 $(this) 用法差異
jquery this與$(this)的正確用法
在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屬性
});
在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屬性
});
留言
張貼留言