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

前端之家收集整理的这篇文章主要介绍了jQuery表单元素选择器代码实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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");

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

猜你在找的jQuery相关文章