标签:sele 单行 bsp 单选按钮 提交 set BMI checkbox 对象
1、属性选择器:
<script> $(function(){ $("#btn1").click(function(){ $("div[id]").css("background-color","red"); });//有id属性的div $("#btn2").click(function(){ $("div[id=‘two‘]").css("background-color","red"); });//有id属性的并且值为two的div }); </script>
1 $("div[id]") //所有含有 id 属性的 div 元素 2 $("div[id=‘123‘]") // id属性值为123的div 元素 3 $("div[id!=‘123‘]") // id属性值不等于123的div 元素 4 $("div[id^=‘qq‘]") // id属性值以qq开头的div 元素 5 $("div[id$=‘zz‘]") // id属性值以zz结尾的div 元素 6 $("div[id*=‘bb‘]") // id属性值包含bb的div 元素 7 $("input[id][name$=‘man‘]") //多属性选过滤,同时满足两个属性的条件的元素
2、表单选择器:
(1)表单:
<form> <input type="text" value="1"/><br /> <input type="text" value="2"/><br /> <input type="checkbox" /><br /> <input type="radio" /><br /> <input type="image" /><br /> <input type="file" /><br /> <input type="submit" /> <input type="reset" /><br /> <input type="password" value="123456"/><br /> <input type="button" /><br /> <select><option/></select><br /> <textarea></textarea><br /> <button></button> </form>
(2)具体操作:
1 $(":input") //匹配所有 input, textarea, select 和 button 元素 2 $(":text") //所有的单行文本框,$(":text") 等价于$("[type=text]"),推荐使用$("input:text")效率更高,下同 3 $(":password") //所有密码框 4 $(":radio") //所有单选按钮 5 $(":checkbox") //所有复选框 6 $(":submit") //所有提交按钮 7 $(":reset") //所有重置按钮 8 $(":button") //所有button按钮 9 $(":file") //所有文件域
选择input内type=text的元素,结果为2。
$(function () {
$("#btn1").click(function(){
alert($(‘:input[type=text]‘).size());
});
});
获取input内密码框的值,结果为:123456
$(function () {
$("#btn1").click(function(){
alert($(‘:input[type=password]‘).val());
});
});
3、表单对象属性选择器:
(1)表单:
<form> <input type="text" value="1"/><br /> <input type="text" value="2"/><br /> <input type="checkbox" /><br /> <input type="radio" /><br /> <input type="image" /><br /> <input type="file" /><br /> <input type="submit" /> <input type="reset" /><br /> <input type="password" value="123456"/><br /> <input type="button" /><br /> </form>
(2)具体操作:
1 $("input:enabled") // 匹配可用的 input 2 $("input:disabled") // 匹配不可用的 input 3 $("input:checked") // 匹配选中的 input 4 $("option:selected") // 匹配选中的 option
获取所有的可用元素,值为10
$(function () {
alert($(‘form :enabled‘).size());
});
标签:sele 单行 bsp 单选按钮 提交 set BMI checkbox 对象
原文地址:https://www.cnblogs.com/zhai1997/p/12234336.html