本文实例为大家分享了表单元素选择器,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> & lt;/title>
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/imooc.css " rel=巴獠縩ofollow”type=" text/css "比;
& lt; style>
输入{
显示:块;
保证金:10 px;
填充:10 px;
}
& lt;/style>
& lt;脚本src=" http://libs.baidu.com/jquery/1.9.1/jquery.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; h3>子元素筛选选择器& lt;/h3>
& lt; h4>输入,文本、密码、广播、checkbox
& lt; h4>提交、图像、重置按钮,file
& lt; div类=白骹irst-div”比;
& lt; form>
& lt;输入类型="文本" value=" https://www.yisu.com/zixun/text类型”/比;
& lt;输入类型="密码" value=" https://www.yisu.com/zixun/password "/比;
& lt;输入类型=肮悴ァ?比;
& lt;输入类型=案囱】颉?比;
& lt;输入类型=疤峤弧?比;
& lt;输入类型=巴枷瘛?比;
& lt;输入类型=爸刂谩?比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/Button "/比;
& lt;输入类型=拔募?比;
& lt;/form>
& lt;/div>
& lt;脚本type=" text/javascript祝辞//查找所有输入,文本区域,选择和按钮元素//:输入选择器基本上选择所有表单控件
$(":输入”)。css(“边境”、“1 px沟红”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中类型为文本的输入元素
$(":文本”)。css(“背景”、“# A2CD5A”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中类型为密码的输入元素
$(":密码")。css(“背景”、“黄色”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中的单选按钮,并选中
$(":广播”).attr(“检查”,“真正的”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中的复选按钮,并选中
$(":复选框").attr(“检查”,“真正的”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中的提交的按钮,修改背景颜色
$(":提交”)。css(“背景”、“# C6E2FF”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中的图像类型的元素,修改背景颜色
$(":形象”)。css(“背景”、“# F4A460”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中类型为按钮的元素
$(":按钮”)。css(“背景”、“红色”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//匹配所有输入元素中类型为文件的元素
$(“文件”)。css(“背景”、“# CD1076”);
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
