jQuery文件操作常用方法1

2022-06-05 14:12:08 字數 3055 閱讀 9095

目錄外部插入

替換刪除

語法:

引數描述

content

必需。規定要插入的內容(可包含 html 標籤)。

selector

必需。規定把內容追加到哪個元素上。

例項:

$("button").click(function());
​ prependto() 方法在被選元素的開頭(仍位於內部)插入指定內容。

語法:

$(content).prependto(selector)
引數

描述content

必需。規定要插入的內容(可包含 html 標籤)。

selector

必需。規定在何處插入內容

例項:

$("button").click(function())
insertafter() 方法在被選元素之後插入 html 標記或已有的元素。(和內部插入不同,這裡是插入到被選元素的後面,而不是被選元素內的結尾處)。

如果該方法用於已有元素,這些元素會被從當前位置移走,然後被新增到被選元素之後

語法:

$(content).insertafter(selector)
引數

描述content

必需。規定要插入的內容。可能的值: 選擇器表示式 html 標記

selector

必需。規定在何處插入內容

例項:

$("button").click(function())
insertbefore() 方法在被選元素之前插入 html 標記或已有的元素。

如果該方法用於已有元素,這些元素會被從當前位置移走,然後被新增到被選元素之前。

語法:

$(content).insertbefore(selector)
引數

描述content

必需。規定要插入的內容。可能的值: 選擇器表示式 html 標記

selector

必需。規定在何處插入內容

例項:

$("button").click(function())
replacewith() 方法用指定的 html 內容或元素替換被選元素。

語法:

$(selector).replacewith(content)
引數

描述content

必需。規定替換被選元素的內容。 可能的值: html ** - 比如 ("

") 新元素 - 比如 (document.createelement("div")) 已存在的元素 - 比如 ($(".div1")) 。已存在的元素會覆蓋被替換的元素,然後起初的元素會消失

selector

必需。規定要被替換的元素

例項:

$("button").click(function())
replaceall() 方法用指定的 html 內容或元素替換被選元素。

語法:

$(content).replaceall(selector)
引數

描述content

必需。規定替換被選元素的內容。 可能的值: html ** - 比如 ("

") 新元素 - 比如 (document.createelement("div")) 已存在的元素 - 比如 ($(".div1")) 。已存在的元素會覆蓋被替換的元素,然後起初的元素會消失

selector

必需。規定要被替換的元素

例項:

$("button").click(function())
replaceall() 與 replacewith() 作用相同。差異在於語法:內容和選擇器的位置,以及 replacewith() 能夠使用函式進行替換。

remove() 方法移除被選元素,包括所有文字和子節點。

該方法不會把匹配的元素從 jquery 物件中刪除,因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外,remove() 不會保留元素的 jquery 資料。其他的比如繫結的事件、附加的資料等都會被移除。

這一點與 detach() 不同。detach()方法會保留 jquery 物件中的匹配的元素,因而可以在將來再使用這些匹配的元素。detach() 會保留所有繫結的事件、附加的資料,這一點與 remove() 不同。

而empty() 方法從被選元素移除所有內容,包括所有文字和子節點。

語法:

$(selector).remove()
引數

描述selector

必需。要刪除的元素

例項:

$("button").click(function())
empty() 方法從被選元素移除所有內容,包括所有文字和子節點。

語法:

$(selector).empty()
引數

描述selector

必需。要刪除內容的元素

例項:

$("button").click(function())

jQuery 文件操作方法

方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配的元素內部追加內容。向匹配的元素內部追加內容。attr 設定或返回匹配元素的屬性和值。before 在每個匹配的元素之前插入內容。clone 建立匹配元素集合的副本。detach 從 dom 中移除匹...

jQuery 文件操作方法

jquery 文件操作方法 這些方法對於 xml 文件和 html 文件均是適用的,除了 html 方法 描述 addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設...

jQuery 文件操作 before 方法

jquery 文件操作參考手冊 在每個 p 元素前插入內容 button click function 親自試一試 before 方法在被選元素前插入指定的內容。selector before content 引數 描述content 必需。規定要插入的內容 可包含 html 標籤 使用函式在指定的...