jQuery常用方法

標籤：query   包括   name   常用   jquery   設定   blog   滑鼠   div   

1.text()：如果不傳參數，表示擷取jQuery對象對應節點及子節點的常值內容，單純的常值內容。如果jQuery對象對應的dom不只一個，則得到所有dom的常值內容，直接拼接；如果傳參數，則表示設定常值內容為給定值。

2.html()：如果不傳參數，表示擷取jQuery對象對應節點內部的html內容，不僅包括常值內容，還包括標籤。即使jQuery對象對應的dom不只一個，也僅得到第一個dom相關的html內容；如果傳參數，則表示設定html內容為給定值

3.val()：如果不傳參數，表示擷取jQuery對象value屬性值。即使jQuery對象對應的dom不只一個，也僅得到第一個dom的value屬性值；如果傳參數，則表示設定value屬性值為給定值

4.width()、height()：如果不傳參數，表示擷取jQuery對象的寬、高；如果傳參數，則表示設定寬度、高度為給定值

5.css()：如果傳兩個參數，表示設定指定css屬性為指定值；如果只傳一個參數，則是擷取css屬性

6.attr()：如果傳兩個參數，則是設定屬性；如果只傳一個參數，則是擷取屬性

7.addClass()：傳一個參數，用來設定class屬性

8.removeClass()：如果不傳參數，表示去除所有class屬性值；如果傳參數，則表示去除指定class屬性值；

9.hasClass()：傳一個參數，判斷是否有指定的class屬性值，返回一個布爾值

10.toggleClass()：傳一個參數，如果調用者有這個指定的classs屬性值，則去掉，否則，加上

11.wrap()：傳一個參數，用給定的html內容包裹調用者dom。相似的方法有wrapAll()、wrapInner()，用處較少，用的時候再去看細節差異。

普通事件相關方法：

1.click()，傳入一個函數，單擊時觸發

2.mouseover()：傳入一個函數，滑鼠移上去時觸發

3.mouseout()：傳入一個函數，滑鼠移開時觸發

4.hover()：傳入兩個函數，滑鼠放上去時調用第一個函數，滑鼠移開時調用第二個函數，效果同上面兩個方法加起來

5.focus()：傳入一個函數，獲得焦點時觸發

6.blur()：傳入一個函數，失去焦點時觸發

綁定事件相關方法：

1.bind()：傳兩個參數，第一個參數是事件類型字串，如"click"、"mouseover"、"mouseout"、"hover"、"focus"、"blur"，第二個參數是一個函數，當觸發綁定的事件時調用此函數

2.unbind()：如果不傳參數，表示解除綁定所有類型的事件；如果傳一個參數，則表示解除綁定指定類型的事件

鍵盤相關事件方法：

keydown()：按下鍵時觸發，傳入一個函數，函數的參數是event，按下不同的鍵，event的keyCode屬性值不一樣，斷行符號對應的keyCode值為13。樣本：

$("username").keydown(function(event) {        var keyCode = event.keyCode;        if(keyCode == 13) {            //斷行符號事件        }});

keyup()：鬆開按鍵時觸發，用法同keydown()一樣

keypress()：效果等同於上面兩個方法合起來，用法同keydown()一樣

 

jQuery常用方法