Detaillierte Erläuterung der Schritte zum dynamischen Betrieb von Divs mit jQuery

Dieses Mal werde ich Ihnen die Schritte zum dynamischen Betreiben von Divs mit jQuery ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Schritte zum dynamischen Betreiben von Divs mit jQuery? Schauen Sie mal rein.

Codebeispiele sind wie folgt:

nbsp;html>


<meta>
<style>
#father
{
 width:150px;
 height:150px;
 background-color:red;
}
#father p
{
 width:50px;
 height:50px;
 background-color:green;
 font-size:12px;
}
</style>
<script></script>
<script>
$(document).ready(function(){
 $("#father").prepend("<p>脚本之家欢迎您");
})
</script>


<p></p>

Der obige Code kann ein p zum übergeordneten p hinzufügen. Nachfolgend wird nur der Kerncode angegeben :

$(document).ready(function(){
 $("#father").prepend("<p>脚本之家欢迎您</p>");
 $("p").remove("#father p");
})

Der obige Code kann das hinzugefügte p entfernen.

Beispiel 2:

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  
 
<meta> 
<title>Add And Close p</title> 
<script> 
$(document).ready(function(){ 
    bindListener();
})
function addimg(){ 
    $("#mp").append(&#39;<p class="iptp" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X&#39;); 
    
    // 为新元素节点添加事件侦听器
    bindListener();
}
// 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
    $("a[name=rmlink]").unbind().click(function(){
        $(this).parent().remove(); 
    })
}
</script>
 
 
  

   请选择上传的图片    增加图片    

      

X

            

      

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Detaillierte Erläuterung der jQuery-Analyse von XML-Dateien

Implementierungsmethode für das dynamische Laden von js-Skriptdateien durch jQuery

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum dynamischen Betrieb von Divs mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!