-
jQuery提供了一個unwarp()方法 ，作用與wrap方法是相反的。將匹配元素集合的父級元素刪除，保留自身（和兄弟元素，如果存在）在原來的位置。查看全部
-
.wrap( wrappingElement )：在集合中匹配的每個元素周圍包裹一個HTML結構 wrap()函數可以接受任何字符串或對象，可以傳遞給$()工廠函數來指定一個DOM結構。這種結構可以嵌套了好幾層深，但應該只包含一個核心的元素。每個匹配的元素都會被這種結構包裹。該方法返回原始的元素集，以便之后使用鏈式方法查看全部
-
.replaceAll()和.replaceWith()功能類似，主要是目標和源的位置區別 .replaceWith()與.replaceAll() 方法會刪除與節點相關聯的所有數據和事件處理程序 .replaceWith()方法，和大部分其他jQuery方法一樣，返回jQuery對象，所以可以和其他方法鏈接使用 返回的jQuery對象引用的是被刪除的節點，而不是通過replaceWith/replaceAll方法替換的節點查看全部
-
.clone()方法深度復制所有匹配的元素集合，包括所有匹配元素、匹配元素的下級元素、文字節點 。clone方法比較簡單的就是克隆節點，如果節點有事件或者數據之類的其他處理，我們需要通過clone（true）傳遞一個布爾值true用來指定，這樣不僅僅是克隆單詞的節點結構，還要把附帶的事件與數據給一并克隆了 [ 查看全文 ]查看全部
-
無參數，移除自身整個節點以及該節點的內部的所有節點，包括節點上事件與數據 有參數，移除篩選出的節點以及該節點的內部的所有節點，包括節點上事件與數據 detach：移除節點 移除的處理與remove一致 與remove()不同的是，所有綁定的事件、附加的數據等都會保留下來 例如：$("p").detach()這一句會移除對象，僅僅是顯示效果沒有了。但是內存中還是存在的。當你append之后，又重新回到了文檔流中。就又顯示出來了。查看全部
-
$('div').detach()：僅僅是顯示效果沒有了，但是內存中還是存在的，當你append之后，又重新回到了文檔流中，就又顯示出來了。查看全部
-
empty()是清空節點內的內容而已，不清楚節點 remove（）是把節點帶節點內部內容一起刪除。查看全部
-
remove()的有參用法和無參用法 remove與empty一樣，都是移除元素的方法，但是remove會將元素自身移除，同時也會移除元素內部的一切，包括綁定的事件及與該元素相關的jQuery數據。 例如一段節點，綁定點擊事件 <div class="hello"><p>慕課網</p></div> $('.hello').on("click",fn) 如果不通過remove方法刪除這個節點其實也很簡單，但是同時需要把事件給銷毀掉，這里是為了防止"內存泄漏"，所以前端開發者一定要注意，綁了多少事件，不用的時候一定要記得銷毀 通過remove方法移除div及其內部所有元素，remove內部會自動操作事件銷毀方法，所以使用使用起來非常簡單 //通過remove處理 $('.hello').remove() //結果：<div class="hello"><p>慕課網</p></div> 全部被移除 //節點不存在了,同事事件也會被銷毀 remove表達式參數： remove比empty好用的地方就是可以傳遞一個選擇器表達式用來過濾將被移除的匹配元素集合，可以選擇性的刪除指定的節點 我們可以通過$()選擇一組相同的元素，然后通過remove（）傳遞篩選的規則，從而這樣處理 對比右邊的代碼區域，我們可以通過類似于這樣處理 $("p").filter(":contains('3')").remove()查看全部
-
empty()的基本用法 要移除頁面上節點是開發者常見的操作，jQuery提供了幾種不同的方法用來處理這個問題，這里我們開仔細了解下empty方法 empty 顧名思義，清空方法，但是與刪除又有點不一樣，因為它只移除了 指定元素中的所有子節點。 這個方法不僅移除子元素（和其他后代元素），同樣移除元素里的文本。因為，根據說明，元素里任何文本字符串都被看做是該元素的子節點。請看下面的HTML： <div class="hello"><p>慕課網</p></div> 如果我們通過empty方法移除里面div的所有元素，它只是清空內部的html代碼，但是標記仍然留在DOM中 //通過empty處理 $('.hello').empty() //結果：<p>慕課網</p>被移除 <div class="hello"></div> 可以參考右邊的代碼區域： 通過empty移除了當前div元素下的所有p元素 但是本身id=test的div元素沒有被刪除查看全部
-
外部插入insertAfter()與insertBefore（）<br> insertBefore在目標元素前面插入集合中每個匹配的元素<br> insertAfter在目標元素后面插入集合中每個匹配的元素。<br> before（）和.insertBefore()實現同樣的功能，主要區別是語法——內容和目標的位置。對于before（）選擇表達式在函數前面，內容作為參數，而.insertBefore（）則剛好相反，內容在方法前面，它將被放在參數里元素的前面。<br> .after()和.insertAfter()實現同樣的功能。主要的不同是語法——特別是（插入）內容和目標的位置。對于after()選擇表達式在函數的前面，參數是將要插入的內容，對于.insertAfter(),剛剛相反，內容在方法的前面，它將被放在參數的后面。<br> before、after與insertBefore，insertAfter的除了目標與位置的不同外，后面的不支持多參處理。<br> 注意事項： insertAfter將JQuery封裝好的元素插入到指定元素的后面，如果元素后面有元素了，那將后面的元素后移，然后將JQuery對象插入； insertBefore將JQuery封裝好的元素插入到指定元素的前面，如果元素前面有元素了，那將前面的元素前移，然后將JQuery對象插入；查看全部
-
內部插入prepend()與prependTo() prepend（）方法將指定的元素插入到匹配的元素里面作為它的第一個子元素（如果要作為最后一個子元素插入用.append()） prepend()和prependTo()實現同樣的功能，主要的不同是語法，插入的內容和目標的位置不同 對于.prepend（）而言，選擇器表達式卸載方法的前面，作為待插入內容的容器，將要被插入的內容作為方法的參數 而.prependTo()正好相反，將要被插入的內容寫在方法的前面，可以是選擇器表達式或動態創建查看全部
-
外部插入after()與before() before與after都是用來相對相中元素外部增加相鄰的兄弟節點 2個方法都是可以接收HTML字符串，DOM元素，元素數組，或者JQUERY對象，用來插入到結合中每個匹配元素的前面或者后面 2個方法都支持多個參數傳遞after(div1,div2)查看全部
-
內部插入append()與appendTo() 動態創建的元素是不夠的，它只是臨時存在內存中，最終我們要放到頁面文檔并呈現出來。 append(content)每個匹配的元素內部追加內容 appendTo(content) 把所有匹配的元素追加到另一個，指定的元素的集合當中。 append這個操作與對指定的元素執行原生的appendChild方法，將他們添加到文檔中的情況類似。 appendTo實際上，使用這個方法時顛倒了常規的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中 簡單的總結就是:.append()和.appendTo兩種方法功能相同，主要的不同就是語法——內容和目標的位置不同。查看全部
-
jquery節點創建與屬性的處理 創建元素節點 $("<div></div>") 創建文本節點 與創建元素節點類似，可以直接把文本內容一并描述 $("<div>我是文本節點</div>") 創建屬性節點 與創建元素節點同樣的方式 $（"<div id='test' class='aaron'>我是文本節點</div>")查看全部
-
創建元素:document.createElement 設置屬性:setAttribute 添加文本：innerHTML 加入文檔：appendChild查看全部
舉報
0/150
提交
取消