jquery $(this)通常是一個JQuery對象,可以呼叫jquery的方法和屬性值,使用語法如“$(this).attr(key);”,表示取得節點屬性名稱的值。
本教學操作環境:windows7系統、jquery1.2.6版本,DELL G3電腦。
推薦:jquery教學
jquery $(this)怎麼用?
this通常是一個Html 元素,例如(textbox),textbox有text屬性。可以在textbox的事件裡面引用this取得元素
$(this)通常是一個JQuery物件 ,可以呼叫jquery的方法和屬性值,例如click(), keyup()。
$(function () { $('button').click(function () { $(this)表示当前对象,这里指的是button //alert(this);//this 表示原生的DOM }) });
$(this).attr(key); 取得節點屬性名的值,相當於getAttribute(key)方法
$(this).attr(key, value); 設定節點屬性的值,相當於setAttribute(key,value)方法
$(this).val();取得某個元素節點的value值,相當於$(this).attr(“value” );
$(this).val(value);設定某個元素節點的value值,相當於$(this).attr(“value”,value);
範例:
$("#textbox").hover( function() { $(this).attr('title', 'Test'); }, function() { $(this).attr('title', 'OK'); } );
使用JQuery的好處是它包裝了各種瀏覽器版本對DOM物件的操作,因此統一使用$(this)而不再用this應該是比較不錯的選擇。
$()產生的是什麼呢?
實際上$()=jquery(),那麼也就是說回傳的就是一個jquery的物件。
那麼依照,$()回傳的是jquery物件這個結論,我們可以得到$(this)得到的是一個jquery物件.我們可以用萬能的alert()方法印出一個物件:
alert($('#btn'));
顯示的結果:
該圖紅色框勾選出來的是一個object,不用考慮,該object自然是jquery的對象咯。也即是說我們用透過$('#btn')來呼叫jquery的方法和屬性等。
更多程式相關知識,請造訪:程式設計教學! !
以上是jquery $(this)怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!