表单对象属性过滤选择器

最新推荐文章于 2021-03-30 22:33:58 发布

原创最新推荐文章于 2021-03-30 22:33:58 发布 · 769 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

jQuery 专栏收录该内容

47 篇文章

订阅专栏

<!--

表单对象属性过滤选择器：通过表单中的某对象属性特征获取该类元素，如enabled、disabled、checked、selected属性

jQuery选择器详解

根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种
-->
<title> 通过表单对象属性过滤选择器获取表单对象</title>

<script src="jquery-1.9.1.js" type="text/javascript"></script>

<style type="text/css">
#Select1
{
width: 144px;
}
#TextArea1
{
height: 124px;
width: 250px;
}
.div
{
border: solid 1px #eee;
background-color: Aqua;
}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//$('#form1 div').html($('#form1 :input').length);
//$('#form1 :password').css('background-color','red');
//$('#form1 :text').css('display','none');
//$('#form1 :input').css('display', 'none');
//$('#form1 :radio').css('display', 'none');
//$('#form1 :checkbox').css('display', 'none');
//$('#form1 :submit').css('display','none');
//$('#form1 :reset').css('display', 'none');
//$('#form1 :image').css('display', 'none');
//$('#form1 :file').css('display', 'none');
})
</script>
</head>
<body>
<form id="form1">
<h1>
注册用户</h1>
<p>
用户名<input id="Text1" type="text" /></p>
<p>
密码<input id="Password1" type="password" /></p>
<p>
技术<select id="Select1" name="D1" multiple="multiple">
<option value="0">javascript</option>
<option value="1">sql server</option>
<option value="2">c#</option>
</select></p>
<p>
学历:<input id="Radio1" checked="checked" name="R1" type="radio" value="V1" />大专<input
id="Radio2" checked="checked" name="R1" type="radio" value="V1" />本科<input id="Radio3"
checked="checked" name="R1" type="radio" value="V1" />研究生</p>
<p>
爱好:<input id="Checkbox1" type="checkbox" />爬山<input id="Checkbox2" type="checkbox" />游泳<input
id="Checkbox3" type="checkbox" />踢球<input id="Checkbox4" type="checkbox" />玩</p>
<p>
验证码:<input type="image" src="images/1.jpg" style="width:60px;height:20px;"/></p>
<p>
个人简介:</p>
<p>
<textarea id="TextArea1" name="S1" rows="3" cols=""></textarea></p>
<p>
上传头像:<input id="File1" type="file" /><input id="Button1" type="button" value="上传" /></p>
<p>
<input id="Submit1" type="submit" value="注册" /><input id="Reset1" type="reset" value="重置" /></p>
<div id="divShow">
</div>
</form>
</body>
</html>