jQuery HTML / CSS 方法

小陳的筆記發表於2022-08-08

下面的表格列出了所有用於處理 HTML 和 CSS 的 jQuery 方法。

下面的方法適用於 HTML 和 XML 文件。除了:html() 方法。

方法 描述
 addClass() 向被選元素新增一個或多個類名
 after() 在被選元素後插入內容
append() 在被選元素的結尾插入內容
 appendTo() 在被選元素的結尾插入 HTML 元素
 attr() 設定或返回被選元素的屬性/值
 before() 在被選元素前插入內容
 clone() 生成被選元素的副本
 css() 為被選元素設定或返回一個或多個樣式屬性
 detach() 移除被選元素(保留資料和事件)
 empty() 從被選元素移除所有子節點和內容
 hasClass() 檢查被選元素是否包含指定的 class 名稱
 heigth() 設定或返回被選元素的高度
 html() 設定或返回被選元素的內容
 innerHeight() 返回元素的高度(包含 padding,不包含 border)
 innerWidth() 返回元素的寬度(包含 padding,不包含 border)
 insertAfter() 在被選元素後插入 HTML 元素
 insertBefore() 在被選元素前插入 HTML 元素
 offset() 設定或返回被選元素的偏移座標(相對於文件)
 offsetParent() 返回第一個定位的祖先元素
 outerHeight() 返回元素的高度(包含 padding 和 border)
 outerWidth() 返回元素的寬度(包含 padding 和 border)
 position() 返回元素的位置(相對於父元素)
 prepend() 在被選元素的開頭插入內容
 prependTo() 在被選元素的開頭插入 HTML 元素
 prop() 設定或返回被選元素的屬性/值
 remove() 移除被選元素(包含資料和事件)
 removeAttr() 從被選元素移除一個或多個屬性
 removeClass() 從被選元素移除一個或多個類
 removeProp() 移除透過 prop() 方法設定的屬性
 replaceAll() 把被選元素替換為新的 HTML 元素
 replaceWith() 把被選元素替換為新的內容
 scrollLeft() 設定或返回被選元素的水平捲軸位置
 scrollTop() 設定或返回被選元素的垂直捲軸位置
 text() 設定或返回被選元素的文字內容
 toggleClass() 在被選元素中新增/移除一個或多個類之間切換
 unwrap() 移除被選元素的父元素
 val() 設定或返回被選元素的屬性值(針對表單元素)
 width() 設定或返回被選元素的寬度
 wrap() 在每個被選元素的周圍用 HTML 元素包裹起來
 wrapAll() 在所有被選元素的周圍用 HTML 元素包裹起來
 wraplnner() 在每個被選元素的內容周圍用 HTML 元素包裹起來


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2909365/,如需轉載,請註明出處,否則將追究法律責任。

相關文章