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() 方法返回元素的高度(包括內邊距和邊框)。


發佈了37 篇原創文章 · 獲贊 9 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章