-
.wrapAll( wrappingElement ):給集合中匹配的元素增加一個外面包裹HTML結構 //給所有p元素,增加父容器div $('p').wrapAll('<div></div>'); 也就是全部的p元素都被div所包含著 .wrapAll(function):一個回調函數,返回用于包裹匹配元素的HTML內容或jQuery對象 //wrapAll接受一個回調函數 //每一次遍歷this都指向了合集中每一個a元素 $('a').wrapAll(function() { return '<div></div>' }) 也就是每個a元素單獨被一個div元素包含著 注意: .wrapAll()函數可以接受任何字符串或對象,可以傳遞給$()工廠函數來指定一個DOM結構。這種結構可以嵌套多層,但是最內層只能有一個元素。所有匹配元素將會被當作是一個整體,在這個整體的外部用指定的 HTML 結構進行包裹。查看全部
-
unwarp()方法 ,作用與wrap方法是相反的。將匹配元素集合的父級元素刪除,保留自身(和兄弟元素,如果存在)在原來的位置。查看全部
-
wrap(wrappingElement):在集合中匹配的每個元素周圍包裹一個HTML結構 例如: //給所有p元素,增加父容器div $('p').wrap('<div></div>') .wrap(function):一個回調函數,返回用于包裹匹配元素的HTML內容或jQuery對象 $('p').wrap(function() { return '<div><div/>'; //與第一種類似,只是寫法不一樣 }) 注意: .wrap()函數可以接受任何字符串或對象,可以傳遞給$()工廠函數來指定一個DOM結構。這種結構可以嵌套了好幾層深,但應該只包含一個核心的元素。每個匹配的元素都會被這種結構包裹。該方法返回原始的元素集,以便之后使用鏈式方法。查看全部
-
.replaceWith( newContent ):用提供的內容替換集合中所有匹配的元素并且返回被刪除元素的集合 簡單來說:用$()選擇節點A,調用replaceWith方法,傳入一個新的內容B(HTML字符串,DOM元素,或者jQuery對象)用來替換選中的節點A //通過replaceWith刪除并替換這個節點 $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替換第二段的內容</a>') //通過replaceAll刪除并替換這個節點 $('<a >replaceAll替換第六段的內容</a>').replaceAll('.right > div:last p:last'); .replaceAll()和.replaceWith()功能類似,主要是目標和源的位置區別 .replaceWith()與.replaceAll() 方法會刪除與節點相關聯的所有數據和事件處理程序 .replaceWith()方法,和大部分其他jQuery方法一樣,返回jQuery對象,所以可以和其他方法鏈接使用 返回的jQuery對象引用的是被刪除的節點,而不是通過replaceWith/replaceAll方法替換的節點查看全部
-
clone方法比較簡單就是克隆節點,但是需要注意,如果節點有事件或者數據之類的其他處理,我們需要通過clone(ture)傳遞一個布爾值ture用來指定,這樣不僅僅只是克隆單純的節點結構,還要把附帶的事件與數據給一并克隆了 例如,寫法: $("div").on('click',function(){ //只克隆節點,不可隆事件 $("div").clone(); //結構,事件與數據都克隆 $("div").clone(true); }) 使用克隆需要額外知道的細節: clone()方法時,在將它插入到文檔之前,我們可以修改克隆后的元素或者元素內容,如右邊代碼我 $(this).clone().css('color','red') 增加了一個顏色 通過傳遞true,將所有綁定在原始元素上的事件處理函數復制到克隆元素上 clone()方法是jQuery擴展的,只能處理通過jQuery綁定的事件與數據 元素數據(data)內對象和數組不會被復制,將繼續被克隆元素和原始元素共享。深復制的所有數據,需要手動復制每一個查看全部
-
.clone()方法深度復制所有匹配的元素集合,包括所有匹配元素、匹配元素的下級元素、文字節點 。clone方法比較簡單的就是克隆節點,如果節點有事件或者數據之類的其他處理,我們需要通過clone(true)傳遞一個布爾值true用來指定,這樣不僅僅是克隆單詞的節點結構,還要把附帶的事件與數據給一并克隆了查看全部
-
target 事件屬性可返回事件的目標節點(觸發該事件的節點),如生成事件的元素、文檔或窗口。 detach():僅僅是顯示效果沒有了,但是內存中還是存在的,當你append之后,又重新回到了文檔流中,就又顯示出來了。查看全部
-
$("li").each(function(index, element) { index 索引 0,1 element是對應的li節點 li,li this 指向的是li })查看全部
-
add();往已經由$()選擇的dom對象中添加新的部分。查看全部
-
empty和remove區別 要用到移除指定元素的時候,jQuery提供了empty()與remove([expr])二個方法,兩個都是刪除元素,但是兩者還是有區別 empty方法 嚴格地講,empty()方法并不是刪除節點,而是清空節點,它能清空元素中的所有后代節點 empty不能刪除自己本身這個節點 remove方法 該節點與該節點所包含的所有后代節點將同時被刪除 提供傳遞一個篩選的表達式,用來指定刪除選中合集中的元素查看全部
-
remove方法移除其內部所有的元素及其自身的元素。 remove表達式參數: remove比empty好用的地方就是可以傳遞一個選擇器表達式用來過濾將被移除的匹配元素集合,可以選擇性的刪除指定的節點 我們可以通過$()選擇一組相同的元素,然后通過remove()傳遞篩選的規則,從而這樣處理 $("p").filter(":contains('3')").remove() ("p").remove(":contains('3')")查看全部
-
empty():移除子元素(和其他后代元素),同樣移除元素里的文本,但是本身的元素沒有被刪除查看全部
-
允許我們找遍元素集合中緊跟著這些元素的直接兄弟元素,并根據匹配的元素創建一個新的 jQuery 對象。查看全部
-
insertBefore() == before() insertAfter() == after() 實現的功能一樣,但語法不同 insertBefore()和insertAfter() 內容在方法前面 $('<p >測試insertBefore方法增加</p>', '<p >多參數</p>').insertBefore($(".test1"))查看全部
-
1 .parents()和.parent()方法是相似的,但后者只是進行了一個單級的DOM樹查找 2 $( "html" ).parent()方法返回一個包含document的集合,而$( "html" ).parents()返回一個空集合。查看全部
舉報
0/150
提交
取消