最新下载
热门教程
- 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");
|
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20