jQuery六：获取、设置表单输入项的值val()；获取设置元素文本值text()、html()；

最新推荐文章于 2023-06-16 20:58:18 发布

小懒羊爱吃草

最新推荐文章于 2023-06-16 20:58:18 发布

阅读量1.9k

点赞数

分类专栏：（5）常用功能与过滤器、监听器、FreeMarker；

本文链接：https://blog.csdn.net/csucsgoat/article/details/112800801

版权

本篇博客主要内容是：

（1）页面中有很多元素，包括表单中的输入项，如输入文本框等；获取、设置、输入文本框的值；val()方法。

（2）也包括<p>、<span>等元素；获取、设置这些元素的文本值；text()方法、html()方法。

一：准备工作：

二：示例演示

1.示例1：val()：设置输入项的值（其实大部分情况下就是设置表单中的输入文本框）

2.示例2：val()：获取输入项的值

3.示例3：text()：设置元素的纯文本

4.示例4：html()方法：设置元素的纯文本

5.示例5：html()方法：获取元素的纯文本

6.对比：text()方法：获取元素的纯文本

一：准备工作：

基础代码sample3.html：

<!DOCTYPE html >

<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实验室</title>

<style>
.myclass {
	font-style: italic;
	color: darkblue;
}
/* 高亮css类 */
.highlight {
	color: red;
	font-size: 30px;
	background: lightblue;
}
</style>

</head>

<body>
	<div class="section">
		<h2>jQuery选择器实验室</h2>
		<input style="height: 24px" id="txtSelector" />
		<button id="btnSelect" style="height: 30px">选择</button>
		<hr />
		<div>
			<p id="welcome">欢迎来到选择器实验室</p>
			<ul>
				<li>搜索引擎：<a href="http://www.baidu.com">百度</a> <span> <a
						style="color: darkgreen" href="http://www.so.com">360</a>
				</span>
				</li>
				<li>电子邮箱：<a href="http://mail.163.com">网易邮箱</a> <span> <a
						style="color: darkgreen" href="http://mail.qq.com">QQ邮箱</a>
				</span>
				</li>
				<li>中国名校：<a href="http://www.tsinghua.edu.cn">清华大学</a> <span>
						<a style="color: darkgreen" href="https://www.pku.edu.cn/">北京大学</a>
				</span>
				</li>
			</u

最低0.47元/天解锁文章

小懒羊爱吃草

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery六：获取、设置表单输入项的值val()；获取设置元素文本值text()、html()；

水电费准备工作：基础代码sample3.html：<!DOCTYPE html ><html><head><meta charset="UTF-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery实验室</title><style>.myclass { f
复制链接

扫一扫

专栏目录