jq基础2——取值、取文本

最新推荐文章于 2024-08-27 13:38:21 发布

taojYang

最新推荐文章于 2024-08-27 13:38:21 发布

阅读量127

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_43293451/article/details/91447325

版权

jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jquery</title>
</head>
<body>
	<script src="jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#b1").click(function(){
				alert($("#input1").val());//取值
			});
			$("#b2").click(function(){
				alert($("#div1").html());//取文本内容，有子元素保留标签
			});
			$("#b3").click(function(){
				alert($("#div1").text());//获取文本内容，有子元素不保留标签
			});
		});
	</script>
	<br>
	<input type="text" name="input1" id="input1" value="默认值">
	<br>
	<button id="b1">取值</button>	
	<br>
	<br>
	<button id="b2">获取文本内容</button>
	<br>
	<div id="div1">这是div的内容<span>这是span</span></div>	
	<br>
	<button id="b3">获取文本内容</button>
</body>
</html>