<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
div{
width: 100px;
height: 100px;
background: red;
}
li{
list-style: none;
}
span{
display: inline-block;
width: 100px;
}
</style>
<script type="text/javascript">
/*
$(function(){
$('button').click(function(){
if($('div').length>0){
$('div').remove();
//remove()移除被选元素,包括文本跟子节点。是真删除了,相当于原生js的 Element.parentNode.removeChild() 在当前父节点中删除元素
}else{
$('body').prepend('<div>123</div>');
//prepend()在当前元素前部插入
}
});
});
var bool = true;
window.onload = function(){
jQuery动态增加删除li及事件绑定
最新推荐文章于 2024-08-02 04:04:47 发布
本文详细介绍了如何使用jQuery动态添加和删除`<li>`元素,并探讨了在操作过程中如何正确地绑定和处理事件,确保新增元素的事件功能正常工作。
摘要由CSDN通过智能技术生成