jQuery三（附）：位置选择器；表单选择器；（这两类选择器不常用，仅供了解）

目录

一：位置选择器：

二：表单选择器：

注解：（1）标签选择器和表单选择器的区别？

注解：（2）不同的选择器可以组合使用：尤其是其他选择器和位置选择器的组合，以应对某些特别的需求

---

一：位置选择器：

示例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标签，然后选择最后一个

目前来看，可以发现，主要是其他选择器和位置选择器组合使用，很显然，根据位置选择器的性质，其必须要和其他选择器集合在一起使用的啦；

估计，在实际开发中，类似的这种小众的场景不太常遇到；还好了，到时遇到了，可以根据具体逻辑，尝试着得到合适的选择器组合模式；

---