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