目录

前提

我们已经可以利用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>