JQuery中的text(),html()和val()区别

最新推荐文章于 2023-06-29 15:54:17 发布

GuessHat

最新推荐文章于 2023-06-29 15:54:17 发布

阅读量109

点赞数

分类专栏： # JQuery 文章标签： Web

本文链接：https://blog.csdn.net/Guesshat/article/details/107480608

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

JQuery中的text(),html()和val()区别

1.text()

该方法是拿到标签内的文本内容：
例子：
p标签内有一个b标签，b标签内文本内容为456

		<p><b>456</b></p>
		<script src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
		
			alert($("p").text());
			
		</script>

在这里插入图片描述

这里拿到的是456

2.html()

该方法拿到的是标签内的所有内容，包含标签
相同的例子：

		<p><b>456</b></p>
		<script src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
		
			alert($("p").html());
		</script>

在这里插入图片描述

3.val()

val主要用来获取input标签的value值
如果还是上面的例子，没有任何返回值
在这里插入图片描述

对于input标签案例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	
		<input type="text" value="文本"/>文本1

		<script src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
		
			alert($("input").val());
			
		</script>
	</body>
</html>

在这里插入图片描述
如果想拿到input后面的文本1，js怎么拿到input标签后面的文本

GuessHat

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQuery中的text(),html()和val()区别

JQuery中的text(),html()和val()区别1.text()该方法是拿到标签内的文本内容：例子：p标签内有一个b标签，b标签内文本内容为456 <p><b>456</b></p> <script src="js/jquery-1.11.3.js"></script> <script type="text/javascript"> alert($("p").text());
复制链接

扫一扫