jquary学习（三）jquary操作元素的属性

一写代码就开心

发布于 2021-06-17 19:27:32

5190

前提

我们已经可以利用jquary获取到元素对象了，也就是根据选择器获取到元素对象了，拿到对象，我们就需要操作对象了

操作元素对象的属性，内容，css样式，节点

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
		
		
		<script type="text/javascript">
			
			function  demo1(){
				
				//获得元素对象
				var   te=$(":text");
				
				
				//获得元素的属性  te.attr("value")--获得是初始默认值
				console.log(te.attr("name")+"--"+te.attr("id")+"---"+te.attr("value"))
				//获得是 实时书写的值
				console.log(te.val());
				
				//("修改属性","修改的属性值")
				//te.attr("type","button");
				
				//te.attr("value","bjsxt");
				
				// {key1:value1,key2:value2,....}---json 数据格式
				//te.attr({"type":"button","value":"bjsxt"});
				
				// undefined  /checked
				console.log($("#man").attr("checked"));
				
				// 判断是否有checked  selected  等属性  返回值是true /false
				console.log($("#man").prop("checked"));
				
				
			}
			
			
		</script>
		
	</head>
	<body>
		
		<input type="button" name="" onclick="demo1()" value="操作元素属性" />
		
		<hr/>
		
		
		<p>
			
			用户名:<input type="text" name="sname" id="uu" value="sxt" />
			
		</p>
		
		<p>
			
			密码:<input type="password" name="" id="" value="" />
			
		</p>
		
		<p>
			
			性别:
			
			   男:<input type="radio" name="sex" id="man" value="" />
			   
			   女:<input type="radio" name="sex" id="" value="" />
			
		</p>
		
	</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021/06/13 ，如有侵权请联系 cloudcommunity@tencent.com 删除

css