Heim > Web-Frontend > js-Tutorial > Hauptteil

Anwendungsbeispiele der unwrap()-Methode in jQuery

巴扎黑
Freigeben: 2017-06-24 13:51:23
Original
1496 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage