jQuery表单元素选择器代码实例

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

rush:xhtml;"> input{ display: block; margin: 10px; padding:10px; }

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

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

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

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

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

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

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

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

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

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