輕松掌握jQuery中wrap()與unwrap()函數(shù)的用法
wrap()
wrap()函數(shù)可以接受任何字符串或?qū)ο螅梢詡鬟f給$()工廠函數(shù)來指定一個DOM結(jié)構(gòu)。這種結(jié)構(gòu)可以嵌套了好幾層深,但應(yīng)該只包含一個核心的元素。每個匹配的元素都會被這種結(jié)構(gòu)包裹。該方法返回原始的元素集,以便之后使用鏈?zhǔn)椒椒ā?br />
eg:
//在當(dāng)前頁面內(nèi)追加換行標(biāo)簽和指定的HTML內(nèi)容 function w( html ){ document.body.innerHTML += "<br/>" + html; } var name = "Hello"; function foo( a, b ){ w( this.name ); w( a + b ); } // 直接調(diào)用 foo( 1, 2 ); // Hello // 3 var obj = { name: "CodePlayer", age: 18 }; var proxy = $.proxy( foo, obj, 5, 10 ); // 代理調(diào)用foo()函數(shù),此時其內(nèi)部的this指向?qū)ο髈bj proxy(); // CodePlayer // 15 運行代碼
unwrap()
這個函數(shù)將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素(以及他們的同輩元素)會在DOM結(jié)構(gòu)上替換他們的父元素。
eg:
用ID是"content"的div將每一個段落包裹起來
# HTML 代碼: <div> <p>Hello</p> <p>cruel</p> <p>World</p> </div> # jQuery 代碼: $("p").unwrap()
結(jié)果:
<p>Hello</p> <p>cruel</p> <p>World</p>
相關(guān)文章
使用jQuery解決IE與FireFox下createElement方法的差異
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11jquery實現(xiàn)很酷的網(wǎng)頁頂部圖標(biāo)下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)很酷的網(wǎng)頁頂部圖標(biāo)下拉菜單效果,效果非常美觀大方,通過鼠標(biāo)hover事件及頁面元素的遍歷與樣式操作實現(xiàn)該功能,需要的朋友可以參考下2015-08-08springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享,還是比較不錯的,這里分享給大家,供需要的朋友參考。2017-10-10學(xué)習(xí)jquery必備 api中英文對照的chm手冊 下載
學(xué)習(xí)jquery必備 api中英文對照的chm手冊 下載...2007-05-05