JQuery-获取内容和属性

最新推荐文章于 2022-12-07 07:00:00 发布

Tong XU

最新推荐文章于 2022-12-07 07:00:00 发布

阅读量279

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_41700374/article/details/102291099

版权

JQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

获得内容-text()，html()以及val()

a. text()：设置或返回所选元素的文本内容；

b. html()：设置或返回所选元素的内容（包括HTML标记）；

c. val()：设置或返回表单字段的值；

获取属性-attr()

attr()方法用于获取或修改属性值

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>菜鸟教程(runoob.com)</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		
		<script>
			
			$(document).ready(function(){
				
				$("#btn1").click(function(){
					alert("Text: " + $("#test").text());
				});
				
				$("#btn2").click(function(){
					
					alert("HTML: " + $("#test").html());
				});
			});
		</script>
		
	</head>

	<body>
		
		<p id="test">这是段落中的<b>粗体</b>文本。</p>
		<button id="btn1">显示文本</button>
		<button id="btn2">显示HTML</button>
		
	</body>

</html>

Tong XU

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery-获取内容和属性

获得内容-text()，html()以及val()a. text()：设置或返回所选元素的文本内容；b. html()：设置或返回所选元素的内容（包括HTML标记）；c. val()：设置或返回表单字段的值；获取属性-attr()attr()方法用于获取或修改属性值<!DOCTYPE html><html> <head> <...
复制链接

扫一扫