jQuery中的html(),text()和val()

零妖大盗 V8

于 2017-09-05 19:01:15 发布

阅读量2.8k

点赞数 4

文章标签： jquery html text val

本文为博主原创文章，未经博主允许不得转载。转载需注明原文地址。

本文链接：https://blog.csdn.net/tsoTeo/article/details/77849596

版权

JS/JQ 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<body>
	<div id="div1" value='2'>
		第一个div的内容！
		<p id="p1">
            这是p的内容！
        </p>
		<div id="div">
			第二个div内容！
		</div>
	</div>
	<input type="hidden" id="hidVal" value="1"/>
</body>

html()
它获取的第一个匹配元素的内容，也就是所取得的标签所包含的所有东西。

$(function(){
	var s = $("#div1").html();
	console.log(s);
})

控制台打印结果
html()

用html()按以下代码修改指定内容，再获取

$(function(){
	$("#div1").html("---修改后---")
	var s = $("#div1").html();
	console.log(s);
})

得到以下结果
html()修改后的获取

text()
它获取的是所有匹配元素的内容，而不会选取标签。
同理，text(val)是设置所有匹配元素的文本内容

$(function(){
	var s = $("#div1").text();
	console.log(s);
})

控制台打印结果
text()

用text()按以下代码修改指定内容，再获取

$(function(){
	$("#div1").text("---修改后---")
	var s = $("#div1").text();
	console.log(s);
})

控制台打印结果
text()修改后获取的结果

val()
用来操作标准的表单组件对象，如button,text,hidden.

$(function(){
	var s = $("#hidVal").val();
	console.log(s);
})

控制台打印结果为 1

想要修改val值，一般用修改属性及值得attr()方法

$(function(){
	$("#hidVal").attr('value','2');
	var s = $("#hidVal").val();
	console.log(s);
})

打印结果为 2

零妖大盗 V8

关注

4
点赞
踩
18

收藏

觉得还不错? 一键收藏
1
评论
jQuery中的html(),text()和val()

jQuery中的html(),text()和val()的不同
复制链接

扫一扫

专栏目录

jQuery中的html(),text()和val()

“相关推荐”对你有帮助么？