jquery的幾個常用方法解析

2019-12-12 11:42:56

jquery 是一個JavaScript 庫，在前端頁面製作過程中，它極大的簡化了JS的操作。下面介紹jquery的幾個常用方法解析。

addClass()方法。這個方法主要是給HTML元素增加class，實現動態增加樣式或增加class標記。下面程式碼實現了在頁面剛開啟的時候就給button標籤新增bounce樣式。

prop()方法。這個方法主要用於設定或獲取指定的屬性，包括checked、disabled、selected等，都可以通過這個方法設定。下面程式碼實現了在頁面開啟的時候，把button設定為不可點選狀態。

css()方法。這個方法主要用於給HMTL標籤直接新增樣式，例如，設定背景顏色、文字顏色、邊框等。下面程式碼實現了在頁面開啟的時候，把button的背景顏色設定為藍色。

remove()方法。這個方法主要用來刪除一個HTML元素。通過此方法，可以做出動態刪除HTML元素的效果。下面程式碼實現了點選button時，刪除整個p元素。

appendTo() 方法。這個方法主要用來在標籤物件內部插入內容，內容可以純文字內容，也可以是帶HTML標籤的內容。下面程式碼實現了把p元素原內容「這是」變為了「這是p元素」。

clone()方法。這個方法主要用於複製元素，特別是在做網頁比較炫的效果時，經常用到此方法。下面程式碼實現了當點選按鈕時，複製p元素，並把它新增到div元素的後面。

html()方法。這個方法主要用於返回或設定被選元素的內容。下面程式碼實現了在點選按鈕的時候，把div標籤裡面的內容「這是DIV元素」改為「它的ID是kk」。