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屬性
});

留言

這個網誌中的熱門文章

c語言-關於#define用法

CMD常用網管指令

PHP 與 JavaScript 之間傳值利用 json