<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单伪类选择器</title>
<script type="text/javascript" src="../../jquery.min.js"></script>
<style type="text/css">
body{
background-color: #e6fbff;
color: #000;
font-size: 20px;
padding: 0 30px;
}
li{
list-style: none;
}
a{
color: red;
text-decoration: none;
}
.red{
color: red;
}
.pink{
background-color: #20ce7d;
padding: 3px;
color: #fff;
}
.box{
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="box">
<p>操作表单，在前端开发中是很常见的操作。jQuery为方便我们操作表单元素提供了完善的伪类选择器。表单伪类选择器，指的是根据“表单类型”来选择的伪类选择器。使用表单伪类选择器，我们可以快速选取我们需要的表单元素，然后达到快速开发的目的，非常方便快捷。</p>
<h2>jQuery表单伪类选择器</h2>
<p class="red">:input ------ 选择所有input元素</p>
<p class="red">:button ------ 选择所有普通按钮，即type="button"的input元素</p>
<p class="red">:submit ------ 选择所有提交按钮，即type="submit"的input元素</p>
<p class="red">:reset ------ 选择所有重置按钮，即type="reset"的input元素</p>
<p class="red">:text ------ 选择所有单行文本框</p>
<p class="red">:textarea ------ 选择所有多行文本框</p>
<p class="red">:password ------ 选择所有密码文本框</p>
<p class="red">:radio ------ 选择所有单选按钮</p>
<p class="red">:checkbox ------ 选择所有复选框</p>
<p class="red">:image ------ 选择所有图像域</p>
<p class="red">:hidden ------ 选择所有隐藏域</p>
<p class="red">:file ------ 选择所有文件域</p>
<h2>举例：</h2>
<p class="red"> $("input:checkbox").attr("checked","checked");</p>
<p>$("input:checkbox")表示选择所有复选框元素，attr("checked","checked")表示设置复选框的checked属性值为checked。</p>
</div>
</body>
</html>
JQ-表单伪类选择器
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- jquery:库，框架 js，别人封装成的js 官网：http://jquery.com/ 1.7 jq 1...
