suchen

Heim  >  Artikel  >  Web-Frontend  >  Anwendungsbeispiele der unwrap()-Methode in jQuery

Anwendungsbeispiele der unwrap()-Methode in jQuery

巴扎黑
巴扎黑Original
2017-06-24 13:51:231502Durchsuche

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!

Stellungnahme：
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
Vorheriger Artikel：Detaillierte Erläuterung der Funktion jQuery.unwrap()Nächster Artikel：Detaillierte Erläuterung der Funktion jQuery.unwrap()

In Verbindung stehende Artikel

Mehr sehen