简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-05-16 16:44:22
Original
1127 Leute haben es durchsucht

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>