Heim >Web-Frontend >js-Tutorial >Jquery fügt Seitenknotenelemente dynamisch hinzu und löscht sie. Beispielcode_jquery

Jquery fügt Seitenknotenelemente dynamisch hinzu und löscht sie. Beispielcode_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:44:221231Durchsuche

Normalerweise wählen wir eine bestimmte Bedingung aus, fügen sie dann hinzu und führen sie dann aus, nachdem wir mehrere Bedingungen gesammelt haben.

Kommen wir ohne weitere Umschweife direkt zum Code!

Code kopieren Der Code lautet wie folgt:


Jquery fügt dynamisch Seitenknoten hinzu src= "http://code.jquery.com/jquery-1.8.3.min.js"> ;
.container{ width:1000px; margin:0 auto;}
.top{ height:25px; line-height:25px;}
.top select{ width:80px; -height: 22px;}
.top input{ width:56px; height:22px;}
.add{ line-height:30px;}
li{ list-style:none;}
span{cursor :pointer;}

<script> Nachdem die Seite geladen wurde, führen Sie <BR>$("input") aus. click(function() {//Operation hinzufügen<BR>var getval=$("select").val();//Den aktuell ausgewählten Auswahlwert abrufen<BR>$("p").before('< li>' getval ' <span> live("click",function(){//Über die live()-Methode angehängte Ereignishandler gelten für aktuelle und zukünftige Elemente, die mit dem Selektor übereinstimmen (z. B. neue Elemente, die durch Skripte erstellt wurden) <BR>$(this).parent().remove();//Entferne das übergeordnete Element des aktuell angeklickten Elements <BR></script>


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