欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

jq 操作元素属性

程序员文章站 2022-07-14 22:09:54
...

操作元素属性

	**获得元素属性**
	
		数组对象.attr("属性名");  不能拿到value的实时值，只能拿到默认值
		数组对象.val()；  能拿到value属性的实时数据
				function t1()
			{
				var uname=$("#uname");
				alert(uname.attr("type")+uname.attr("name")+uname.val());
			}
	**修改元素属性**
	
		数组对象.attr("属性名","修改值");
				function t2()
			{
				var uname=$("#uname");
				uname.attr("type","button");
			}

代码示例:

<html>
	<head>
		<meta charset="utf-8"/>
		<title>jq 操作元素属性</title>
		<script src="js/jquery-3.4.1.js" charset="UTF-8" type="text/javascript"></script>
		<style type="text/css">

			
		</style>
		<script type="text/javascript">
			function t1()
			{
				var uname=$("#uname");
				alert(uname.attr("type")+uname.attr("name")+uname.val());
			}
			function t2()
			{
				var uname=$("#uname");
				uname.attr("type","button");
			}
		</script>
	</head>
	<body>
		<input type="button" name="uname" id="" value="测试元素属性" onclick="t1()"/>
		<input type="button" name="" id="" value="修改" onclick="t2()" />	
	<hr />
		<input type="text" name="uname" id="uname" value="测试元素属性" />
		
		
	</body>
</html>
相关标签： jQuery

上一篇： query选择器

下一篇： 选择器——基本选择器

推荐阅读