jQuery学习之操作元素属性

最新推荐文章于 2022-12-12 11:37:34 发布

playboy-jordan

最新推荐文章于 2022-12-12 11:37:34 发布

阅读量157

点赞数

分类专栏： # jQuery教程文章标签： javascript css vue.js html html5

本文链接：https://blog.csdn.net/weixin_44853669/article/details/106984668

版权

jQuery教程专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>jQuery操作元素的属性</title>
		<meta charset="UTF-8"/>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<!--
			jQuery操作元素属性：
				获取:
					对象名.attr("属性名") //返回当前属性值
					注意此种方式不能获取value属性的实时数据，使用对象名.val()进行获取。	
				修改
					对象名.attr("属性名","属性值");
		-->
		<!--声明js代码域-->
		<script type="text/javascript">
			function testField(){
				//获取元素对象
				var uname=$("#uname");
				//获取
				alert(uname.attr("type")+":"+uname.attr("value")+":"+uname.val());
			}
			
			function testField2(){
				//获取元素对象
				var uname=$("#uname");
				uname.attr("type","button");
			}	
		</script>
	</head>
	<body>
		<h3>jquery操作元素属性</h3>
		<input type="button" name="" id="" value="测试获取元素属性" onclick="testField()" />
		<input type="button" name="" id="" value="测试修改元素属性" onclick="testField2()" />
		<hr />
		用户名:<input type="text" name="uname" id="uname" value="哈哈" />
	</body>
</html>

在这里插入图片描述

playboy-jordan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery学习之操作元素属性

<html> <head> <title>jQuery操作元素的属性</title> <meta charset="UTF-8"/> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!-- jQuery操作元素属性：获取: 对象名.attr("属性名") //
复制链接

扫一扫