Jquery获取和修改dom元素的属性值

最新推荐文章于 2023-05-24 02:47:20 发布

Uno2

最新推荐文章于 2023-05-24 02:47:20 发布

阅读量3.4k

点赞数

分类专栏： Jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/Raynaing/article/details/51183015

版权

Jquery学习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

获取内容的方式： - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.1.js"></script>
	</head>

	<body>
		<script>
			function showInputVal() {
				value = $("#input").val();
				alert(value);
			}

			function changeInputVal() {
				value = $("#input").val("毛毛");
				alert(value);
			}

			function showtext() {
				value = $("#div1").text();
				alert(value);
			}

			function showhtml() {
				value = $("#div1").html();
				alert(value);
			}

			function getAttr() {
				value = $("#herf1").attr("href");
				alert(value);
			}
		</script>
		<div id="div1">第一个<strong>div</strong></div>
		<input type="button" value="showtext" οnclick="showtext()" />
		<input type="button" value="showhtml" οnclick="showhtml()" />
		<br />
		<input id="btn1" type="button" value="获取属性attr" οnclick="getAttr()" />
		<a href="index.html" id="herf1">超链接</a>
		<p>Name:
			<input type="text" id="input" value="雷盼">
		</p>
		<input type="button" value="showInputValue" οnclick="showInputVal()" />
		<input type="button" value="changeInputValue" οnclick="changeInputVal()" />
	</body>

</html>

Uno2

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery获取和修改dom元素的属性值

获取内容的方式： - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值代码： function showInp
复制链接

扫一扫