今天来总结剩余的选择器。
非常感谢评论区提问题的朋友们,有的错误是我笔误,有的问题则是知识点没有辨析解释清楚。只要有疑问,我们大家一同探究学习。
表单对象过滤选择器:
○ 选取所有可用的元素 $("#form :enabled");
○ 选取所有不可用的元素 $("#form :disabled");
○ 选取所有单选框或复选框中被选中的的元素 $("#from :checked");
○ 选取所有下拉列表中被选中的选项元素。 $("#from :selected");
notice:可用与不可用是指该元素能否被编辑修改。下面的是一个form表单。其中A设置了disabled属性,不可以被编辑呈现灰色。b可以被编辑。
表单选择器:
○ 选取表单中所有的input、textarea 、select 、button 元素 $("#form :input");
○ 选取所有的单行文本框 $("#form :text");
○ 选取表单中所有的密码框 $("#form :password");
○ 选取所有的单选框 $("#form :radio");
○ 选取所有的多选框 $("#form :submit");
○ 选取所有的提交按钮 $("#form :submit");
○ 选取所有的图像按钮 $("#form :image");
○ 选取所有的重置按钮 $("#form :reset");
○ 选取所有的按钮 $("#form :button");
○ 选取所有的上传域 $("#form :file");
○ 选取所有的不可见元素 $("#form :hidden");
选择器已经都整理完了。总结一下。
1、基本选择器(选标签,选id,选class)
2、层次选择器(找爷爷找爹爹,找儿子,找兄弟,找孙子)
3、过滤选择器 (过滤大的,过滤小的,过滤偶数,过滤奇数,过滤动画等等)
4、内容过滤选择器(找匹配内容,找空元素)
5、可见性过滤选择器(能不能在页面中显示)
6、属性过滤选择器(属性很任性,全等、开头等,结尾等、空格分隔匹配,下划线拼接匹配。)
7、子元素过滤选择器(选第一个儿子、最后一个儿子,指定儿子、独生儿子)
8、表单选择器(单选、多选、按钮、密码等等)
9、表单对象过滤选择器(是否禁用,单选复选、下拉列表)
这个分类和书上的不一样。不必背概念,知道怎么用就好。
总结完,洗洗睡。有问题,来评论里。