1.选择所有按钮元素和类型为按钮的元素
:button
2.选择所有类型为复选框的元素
:checkbox
3.选择所有勾选的元素
:checked
4.选择所有被禁用的元素
:disabled
5.选择所有未被禁用的元素
:enabled
6.选择所有类型为文件(file)的元素
:file
7.选择当前获取焦点的元素
:focus
8.选择所有图像类型的元素
:image
9.选择所有input,textarea,select,button元素
:input
10.选择所有类型为密码的元素
:password
11.选择所有类型为单选框的元素
:radio
12.选择所有类型为提交的元素
:submit
使用方法示例
<style>
textarea {
height: 35px;
}
div {
color: red;
}
fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.marked {
background-color: yellow;
border: 3px solid red;
}
.marked_img {
background-color: rgb(89, 0, 255);
border: 3px solid red;
}
</style>
<body>
<form action="" method="post">
<fieldset>
<input type="button" value="input button">
<br>
<input type="checkbox" name="" id="">
<br>
<input type="file" name="" id="">
<br>
<input type="hidden" name="">
<br>
<input type="image" src="" >
<br>
<input type="password" name="" id="">
<br>
<input type="radio" name="" id="">
<br>
<input type="reset" value="reset">
<br>
<input type="submit" value="submit">
<br>
<input type="text" name="" id="">
<br>
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<br>
<button>botton</button>
</fieldset>
</form>
</body>
<script src="/public/static/index/js/jquery.js"></script>
<script>
$(function() {
var input = $(":button").addClass("marked");
var input1 = $("input:image").addClass("marked_img");
})
</script>