jQuery选择器之表单元素选择器详解

本文实例为大家分享了表单元素选择器，供大家参考，具体内容如下

rush:xhtml;"> nofollow" type="text/css">

<script type="text/javascript">
//匹配所有input元素中类型为text的input元素
$(":text").css("background","#A2CD5A");

<script type="text/javascript">
//匹配所有input元素中类型为password的input元素
$(":password").css("background","yellow");

<script type="text/javascript">
//匹配所有input元素中的单选按钮,并选中
$(":radio").attr('checked','true');

<script type="text/javascript">
//匹配所有input元素中的复选按钮,并选中
$(":checkBox").attr('checked','true');

<script type="text/javascript">
//匹配所有input元素中的提交的按钮,修改背景颜色
$(":submit").css("background","#C6E2FF");

<script type="text/javascript">
//匹配所有input元素中的图像类型的元素,修改背景颜色
$(":image").css("background","#F4A460");

<script type="text/javascript">
//匹配所有input元素中类型为按钮的元素
$(":button").css("background","red");

<script type="text/javascript">
//匹配所有input元素中类型为file的元素
$(":file").css("background","#CD1076");

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

原文地址：https://www.jb51.cc/jquery/36273.html