最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery表单元素选择器代码实例
时间:2017-03-16 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
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");
|
-
上一个: a标签置灰不可点击的实现方法
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31