2015年12月14日 星期一

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

沒有留言:

張貼留言