Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
.list {
	width:600px;
	margin:0 auto;
}
.list ul li {
	height:40px;
	line-height:40px;
	margin-top:10px;
	color:#fff;
	padding-left:10px;
	background:#70B9DE;
	display:flex;
	align-items:center;
	justify-content:space-between;
	box-shadow:0 10px 10px 2px rgba(0,0,0,0.2);
}
.list ul li button {
	color:#fff;
	background:#409eff;
	outline:none;
	border:1px solid #409eff;
	margin-right:10px;
	padding:3px 8px;
	cursor:pointer;
}
.input-group {
	width:100%;
}
.input-group input {
	margin-top:40px;
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
}
.btn-group button {
	margin-top:10px;
	display:inline-block;
	padding:12px;
	color:#fff;
	background:#008000;
	outline:none;
	border:1px solid #008000;
	cursor:pointer;
	width:100%;
	border-radius:5px;
	box-shadow:0 10px 10px 2px rgba(0,0,0,0.3)
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery列表的增加与删除

更新时间:2020-08-16 22:41:58

0