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

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

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

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

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

猜你在找的jQuery相关文章