最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery表单元素选择器代码实例
时间:2022-06-25 17:17:27 编辑:袖梨 来源:一聚教程网
代码如下 | 复制代码 |
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");
|
相关文章
- 《原神》5.2卡池抽取建议 11-14
- 《原神》5.2版本新怪物介绍 11-14
- 《原神》希诺宁增伤触发方法 11-14
- 《原神》循音觅奇活动入口 11-14
- 《原神》循音觅奇兑换码获取方法 11-14
- 《原神》花羽会活动飞行技巧介绍 11-14