Heim > Web-Frontend > js-Tutorial > Was bedeutet Wrap in JavaScript?

Was bedeutet Wrap in JavaScript?

WBOY
Freigeben: 2021-12-28 18:36:43
Original
5234 Leute haben es durchsucht

wrap bedeutet in JavaScript „wrapping“. Die Methode „wrapping“ wird verwendet, um jedes ausgewählte Element mit dem angegebenen HTML-Element zu umschließen. Die Syntax lautet „element object.wrap(wrappingElement, function(index))“.

Was bedeutet Wrap in JavaScript?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was bedeutet Wrap in JavaScript?

Die Methode wrap() verwendet das angegebene HTML-Element, um jedes ausgewählte Element zu umschließen.

Die Syntax lautet:

$(selector).wrap(wrappingElement,function(index))
Nach dem Login kopieren

wobei WrappingElement erforderlich ist und verwendet wird, um das HTML-Element anzugeben, das jedes ausgewählte Element umschließt. Dabei kann es sich um ein HTML-Element, ein jQuery-Objekt oder ein DOM-Element handeln.

function(index) ist optional und wird verwendet, um die Funktion anzugeben, die das umschlossene Element zurückgibt.

Das Beispiel lautet wie folgt:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").wrap("<div></div>");
});
});
</script>
<style type="text/css">
div{background-color:yellow;}
</style>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>给每个P元素包裹一个div元素</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet Wrap in JavaScript?

[Verwandte Empfehlungen: Javascript-Lern-Tutorial]

Das obige ist der detaillierte Inhalt vonWas bedeutet Wrap in JavaScript?. 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