jquery简单的案例

最新推荐文章于 2021-05-18 10:56:50 发布

weixin_44374620

最新推荐文章于 2021-05-18 10:56:50 发布

阅读量107

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/weixin_44374620/article/details/107895304

版权

java 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.7.2.js" ></script>
		<script type="text/javascript">
			$(function(){
				$("#add").bind("click",function(){
					var txt  = $("#input1").val();
					$("ul").append("<li>"+txt+"</li>");
				})
				//删除
				$("#del").bind("click",function(){
					$("ul li:last-child").remove();
				})
				//清空 empty
				$("#emp").bind("click",function(){
					$("ul").empty();
				})
			});
		</script>
	</head>

<body>
		<input type="text" id="input1" /><button id="add">添加</button><button id="del">删除</button><button id="emp">清空</button>
		<ul>
			<li>苹果</li>
			<li>香蕉</li>
			<li>菠萝</li>
		</ul>
		
	</body>