DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jquery方法中的this和$(this)
jquery方法中的this和$(this)
編輯:JQuery常見問題     
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>


效果如下:
請點擊這裡
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved