jQuery HTML②

獲得內容 - text()、html() 以及 val()
三個簡單實用的用於 DOM 操作的 jQuery 方法：

text() - 設定或返回所選元素的常值內容
html() - 設定或返回所選元素的內容（包括 HTML 標籤）
val() - 設定或返回表單欄位的值

擷取屬性 - attr()
jQuery attr() 方法用於擷取屬性值。

 

 

添加新的 HTML 內容
append() - 在被選元素的結尾插入內容
prepend() - 在被選元素的開頭插入內容
after() - 在被選元素之後插入內容
before() - 在被選元素之前插入內容

 

jQuery - 刪除元素
如需刪除元素和內容，一般可使用以下兩個 jQuery 方法：

remove() - 刪除被選元素（及其子項目）
empty() - 從被選元素中刪除子項目

過濾被刪除的元素
jQuery remove() 方法也可接受一個參數，允許您對被刪元素進行過濾。

該參數可以是任何 jQuery 選取器的文法。

 

 

jQuery 操作 CSS
jQuery 擁有若干進行 CSS 操作的方法。常用下面這些：

addClass() - 向被選元素添加一個或多個類
removeClass() - 從被選元素刪除一個或多個類
toggleClass() - 對被選元素進行添加/刪除類的切換操作
css() - 設定或返回樣式屬性

如需設定指定的 CSS 屬性，請使用如下文法：

css("propertyname","value");如需設定多個 CSS 屬性，請使用如下文法：

css({"propertyname":"value","propertyname":"value",...});

 

jQuery - 尺寸
通過 jQuery，很容易處理元素和瀏覽器視窗的尺寸。

jQuery width() 和 height() 方法
width() 方法設定或返回元素的寬度（不包括內邊距、邊框或外邊距）。

height() 方法設定或返回元素的高度（不包括內邊距、邊框或外邊距）。

jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的寬度（包括內邊距）。

innerHeight() 方法返回元素的高度（包括內邊距）。

jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的寬度（包括內邊距和邊框）。

outerHeight() 方法返回元素的高度（包括內邊距和邊框）。