[网页编程]-08 jQuery 操作页面的文本和值

prtyaa 2023-12-27 15:55:50  66416

分类专栏：资讯

获取元素中的内容

获得元素含有HTML标签的内容jq对象.html()

获得元素只有文本，不含有HTML标签内容jq对象.text()

获得文本框的值jq对象.val()。

操作元素中的内容

原有基础上增加

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("#bu1").click(function(){
					//获得div元素对象
					var div = $("#div1")
					//获得元素的内容 会获取含有html标签的内容相当于innhtml
					var ht = div.html();
					console.log(ht);
					//如果想获取文本容 就需要使用这个 相当于inntext
					var te = div.text();//只是获得文本的值,不含有html
					console.log(te);
					
					/* 获得单标签中的值 */
					var va1=$("#inp1").val();
					console.log(va1);
					
					
					/* 操作元素对象的内容和值 */
					
					//div.html("<b>新增内容</b>");
					//div.text("<b>新增内容</b>");
					//原有基础增加
					div.text(div.text()+"<b>新增内容</b>");
					
					$("#inp1").val("呵呵呵")
				})
			})
		</script>
	</head>
	<body>
		<input type="button" name="" id="bu1" value="操作元素的内容" />
		<hr >
		<div id="div1">
			<span id="#">
				操作jQuery中的文本和值
			</span>
		</div>
		<input type="text" name="inp1" id="inp1" value="哈哈" />
	</body>
</html>

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31513

赞同 0

评论 0 条

[网页编程]-08 jQuery 操作页面的文本和值

获取元素中的内容

操作元素中的内容

相关文章

关注我们