jQuery 文件操作

2022-01-10 10:33:55 字數 2140 閱讀 6312

文件處理是指使用jqueryhtml文件進行結構化的處理,最基本的就是對標籤元素的增刪改查。

使用$(標籤)進行建立,返回乙個jquery物件。

可支援巢狀標籤的建立

可支援標準屬性或特徵屬性以及內容的定義

在新版本中,如果建立的標籤沒有內容且是閉合標籤,可不用寫後面的閉合部分

jquery物件中的每乙個標籤內部的頭部都插入乙個其他的標籤

jquery物件中的每乙個標籤內部的尾部都插入乙個其他的標籤

jquery物件中的標籤都插入到另乙個標籤內部的頭部

jquery物件中的標籤都插入到另乙個標籤內部的尾部

jquery物件中的每乙個標籤的前面都插入乙個其他的標籤

jquery物件中的每乙個標籤的後面都插入乙個其他的標籤

jquery物件中的標籤都插入到另乙個標籤的前面

jquery物件中的標籤都插入到另乙個標籤的後面

jquery物件中的每乙個標籤外部包裹上另乙個標籤

hello

hello

hello

jquery物件中的所有標籤外部包裹上另乙個標籤

hello

hello

hello

將每乙個匹配的元素的子內容(包括文字節點)用乙個html結構包裹起來

hello

hello

hello

jquery物件中的每乙個標籤外部父級標籤進行移除

hello

hello

hello

將乙個標籤替換為任意元素,可以是文字,也可以是標籤

hello

hello

hello

用乙個元素替換掉另乙個匹配元素,相當於replacewith()的反向操作,但去替換的只能是乙個元素。

hello

hello

hello

刪除jquery物件中每個元素的子節點(不會刪除自己),這個只屬於清空操作。

hello

hello

hello

刪除jquery物件中的元素(連同自己和子類一同刪除)

hello

hello

hello

刪除html文件中的標籤元素,但會保留jquery物件中的元素。因為將來有可能再用到,保留所有子級標籤,事件繫結,屬性等。

hello

hello

hello

用於拷貝節點,與js中的clonenode()效果相同。

引數為true時遞迴複製子節點即深拷貝,會將原標籤的事件等也一同進行拷貝。

jquery文件操作

為了方便自己偶爾查詢,從w3school裡拉拉文件下來。方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設定或返回匹配元素的屬性和值。before 在每...

jquery 文件操作

今天以乙個例子來看看jquery 的文件操作,首先上例子 doctype html html head style p selected highlight style script src script head body p title 12335666 jquery 文件操作 p p 例子說明...

jquery 文件操作

1 attr 獲取 設定屬性 設定多個屬性 實現 alert div first attr value div first attr value 這是第乙個div div last attr 2 removeattr 刪除屬性 實現 div last removeattr src 3 prop 獲取...