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

input{

display: block;

margin: 10px;

padding:10px;

}

子元素筛选选择器

input、text、password、radio、checkbox

submit、image、reset、button、file

//查找所有 input, textarea, select 和 button 元素

//:input 选择器基本上选择所有表单控件

$(':input').css("border", "3px groove blue");

//匹配所有input元素中类型为text的input元素

$('input:text').css("background", "#A2CD5A");

//匹配所有input元素中类型为password的input元素

$('input:password').css("background", "yellow");

//匹配所有input元素中的单选按钮,并选中

$('input:radio').attr('checked','true');

//匹配所有input元素中的复选按钮,并选中

$('input:checkbox').attr('checked','true');

//匹配所有input元素中的提交的按钮,修改背景颜色

$('input:submit').css("background", "#C6E2FF");

//匹配所有input元素中的图像类型的元素,修改背景颜色

$('input:image').css("background", "#F4A460");

//匹配所有input元素中类型为按钮的元素

$('input:button').css("background", "red");

//匹配所有input元素中类型为file的元素

$('input:file').css("background", "#CD1076");