x:: jQuery基本选择器
一:位置选择器:
示例1:获取class=“myclass”的第一个元素:.myclass:first
二:表单选择器:
示例1::input 是选中页面中所有的输入框
示例2::text
表单选择器总结:参考自jQuery表单选择器;
(1):input选取所有input、textarea、select和button元素-集合元素;
(2):text选择所有单行文本框,即type=text-集合元素;
(3):password选择所有密码框,即type=password-集合元素;
(4):radio选择所有单选框,即type=radio-集合元素;
(5):checkbox选择所有复选框,即type=checkbox-集合元素;
(6):submit选取所有提交按钮,即type=submit-集合元素;
(7):reset选取所有重置按钮,即type=reset-集合元素;
(8):image选取所有图像按钮,即type=image-集合元素;
(9):button选择所有普通按钮,即button元素-集合元素;
(10):file选择所有文件按钮,即type=file-集合元素;
(11):hidden选择所有不可见字段,即 type=hidden-集合元素;
注解:(1)标签选择器和表单选择器的区别?
经过测试:如使用input标签选择器时候,其会选中所有的input标签,不是input的标签不会被选中;即标签选择器很严谨,也很明确;
使用:input表单选择器的时候,会选取所有input、textarea、select和button元素;即其范围会大一些;
所以目前可以暂时认为:(1)标签选择器和表单选择器作用基本类似,但在某些情况下,表单选择器可能范围更大一些;(2)感觉标签选择器更加明确,在实际业务中,当然更倾向于选用标签选择器;
注解:(2)不同的选择器可以组合使用:尤其是其他选择器和位置选择器的组合,以应对某些特别的需求
示例1 :如::input:last先使用表单选择器选择input,然后通过位置选择器二次筛选,选择最后一个:
示例2 :li a:last;先使用层叠选择器选择li标签的后代a标签,然后选择最后一个
目前来看,可以发现,主要是其他选择器和位置选择器组合使用,很显然,根据位置选择器的性质,其必须要和其他选择器集合在一起使用的啦;
估计,在实际开发中,类似的这种小众的场景不太常遇到;还好了,到时遇到了,可以根据具体逻辑,尝试着得到合适的选择器组合模式;