jQuery中unwrap()方法用法實(shí)例
更新時(shí)間：2015年01月16日 14:06:53 投稿：shichen2014
這篇文章主要介紹了jQuery中unwrap()方法用法,實(shí)例分析了unwrap()方法的定義、功能及移除匹配元素父元素的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中unwrap()方法用法。分享給大家供大家參考。具體分析如下：
此方法將移除匹配元素的父元素。
從方法的字面意思可以看出是清除wrap()方法的效果。
語法:
復(fù)制代碼 代碼如下:
$(selector).unwrap()
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.dbjr.com.cn/" />
<head>
<title>腳本之家</title>
<style type="text/css">
div
{
width:200px;
height:200px;
border:1px solid blue;
}
p
{
width:150px;
height:150px;
border:1px solid red;
}
</style>
<script type="text/javascript" src="jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").unwrap();
});
});
</script>
</head>
<body>
<div>
<p>我是p元素</p>
</div>
<button>用div包裹每個(gè)段落</button>
</body>
</html>
以上代碼能夠移除p元素的父元素。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
本文轉(zhuǎn)自：螞蟻部落http://www.softwhy.com/
相關(guān)文章
鋒利的jQuery 要點(diǎn)歸納（二）上 jQuery中的DOM操作，需要的朋友可以參考下。2010-03-03
jQuery藍(lán)色風(fēng)格滑動(dòng)導(dǎo)航欄代碼分享
這篇文章主要為大家詳細(xì)介紹了jQuery藍(lán)色風(fēng)格滑動(dòng)導(dǎo)航欄特效，實(shí)現(xiàn)滑塊跟隨鼠標(biāo)左右滑動(dòng)，簡單、時(shí)尚、大方，有需要的小伙伴可以參考下2015-08-08
大部分jQuery插件都是這種類型的插件，由于這種插件是將對(duì)象方法封裝起來，在jQuery選擇器獲取jQuery對(duì)象過程中進(jìn)行操作，從而發(fā)揮jQuery強(qiáng)大的選擇器優(yōu)勢2012-09-09
jQuery $.each遍歷對(duì)象、數(shù)組用法實(shí)例
這篇文章主要介紹了jQuery $.each遍歷對(duì)象、數(shù)組用法實(shí)例,本文講解了在有參數(shù)和無參數(shù)的情況下遍歷對(duì)象及遍歷數(shù)組的例子及each方法的幾種常用用法,需要的朋友可以參考下2015-04-04
jQuery hover事件簡單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法
這篇文章主要介紹了jQuery hover事件簡單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法,可實(shí)現(xiàn)同時(shí)綁定懸停與離開事件的功能,非常簡單實(shí)用,需要的朋友可以參考下2016-06-06
完美解決jQuery 鼠標(biāo)快速滑過后,會(huì)執(zhí)行多次滑出的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery 鼠標(biāo)快速滑過后,會(huì)執(zhí)行多次滑出的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
jQuery實(shí)現(xiàn)簡單網(wǎng)頁遮罩層/彈出層效果兼容IE6、IE7
自寫寫的一個(gè)jQuery插件，可以實(shí)現(xiàn)簡單網(wǎng)頁遮罩層/彈出層功能，并且兼容IE6、IE7，需要的朋友可以參考下2014-06-06
這篇文章主要介紹了NodeJS使用jQuery選擇器操作DOM的相關(guān)資料,需要的朋友可以參考下2015-02-02
下面小編就為大家?guī)硪黄獪\談jquery中next與siblings的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jQuery頁面圖片伴隨滾動(dòng)條逐漸顯示的小例子，需要的朋友可以參考一下2013-03-03