Heim > Artikel > Web-Frontend > Anwendungsbeispiele der unwrap()-Methode in jQuery
Anwendungsbeispiele der unwrap()-Methode in jQuery
- 巴扎黑Original
- 2017-06-24 13:51:231445Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung der unwrap()-Methode in jQuery vorgestellt. Er analysiert die Definition und Funktion der unwrap()-Methode sowie die Verwendungsfähigkeiten zum Entfernen des übergeordneten Elements des passenden Elements. Freunde in Not können darauf verweisen.
Das Beispiel in diesem Artikel beschreibt die Verwendung der unwrap()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Diese Methode entfernt das übergeordnete Element des passenden Elements.
Anhand der wörtlichen Bedeutung der Methode können wir erkennen, dass es sich um den Effekt des Löschens der wrap()-Methode handelt.
Syntax:
Der Code lautet wie folgt:
$(selector).unwrap()
Beispielcode:
Der Code lautet wie folgt:
<!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.jb51.net/" />
<
head
>
<title>脚本之家</title>
<style type="text/css">
p
{
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>
<p>
<p>我是p元素</p>
</p>
<button>用p包裹每个段落</button>
</body>
</html>Der obige Code kann das übergeordnete Element des p-Elements entfernen.
Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele der unwrap()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!