Heim > Artikel > Web-Frontend > jQuery verwendet before() und after(), um Inhalte vor und nach elements_jquery hinzuzufügen

jQuery verwendet before() und after(), um Inhalte vor und nach elements_jquery hinzuzufügen

WBOYOriginal: 2016-05-16 16:07:151149Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie jQuery before() und after() verwendet, um Inhalte vor und nach Elementen hinzuzufügen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $("img").before("<b>Before</b>");
 });
 $("#btn2").click(function(){
  $("img").after("<i>After</i>");
 });
});
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>
</body>
</html>

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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：jquery implementiert das Rechtsklick-Menü plug-in_jqueryNächster Artikel：jquery implementiert das Rechtsklick-Menü plug-in_jquery

In Verbindung stehende Artikel

Mehr sehen