學習筆記 jquery的this

2021-06-17 17:34:20 字數 761 閱讀 6055

this,表示當前的上下文物件是乙個html物件,可以呼叫html物件所擁有的屬性,方法

$(this),代表的上下文物件是乙個jquery的上下文物件,可以呼叫jquery的方法和屬性值。

jquery中this與$(this)的區別

$("#textbox").hover(   

function() ,   

fucntion()    

);

這裡的this其實是乙個html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什麼問題的。

但是如果將this換成$(this)就不是那回事了,error--報了。this與$(this)的區別在此。

error code:   

$("#textbox").hover(   

function() ,   

function()    

);

這裡的$(this)是乙個jquery物件,而jquery物件沒有title 屬性,因此這樣寫是錯誤的。

jquery擁有attr()方法可以get/set dom物件的屬性,所以正確的寫法應該是這樣:

正確的**:

$("#textbox").hover(   

function() ,   

function()    

);

使用jquery的好處是它包裝了各種瀏覽器版本對dom物件的操作,因此統一使用$(this)而不再用this應該是比較不錯的選擇。

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...

Jquery 學習筆記

text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...

Jquery學習筆記

1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...