this,編程的人都知道this表示上下文所處的這個對象。簡單的說,在jquery方法中,this是Javascript對象,單數,$(this)是jQuery對象,都代表執行方法的元素對象。
實例代碼:
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<span id="keleyi">請點擊這裡</span>
<script>
var node = $('#keleyi');
node.on("click",function(){
// this.css('border','1px solid #000'); //報錯 this是一個html元素,不是jquery對象,因此this不能調用jquery的css()方法
$(this).css('border','1px solid #666'); //正確 $(this)是一個jquery對象,不是html元素,可以用css()方法
this.style.borderBottom = '1px solid #ff0000'; //正確 this是一個html元素,不是jquery對象,因此this不能調用jquery的css()方法,但是可以用javascript來更改style屬性
});
</script>
效果如下:
請點擊這裡