前言
和使⽤ JS 操作Dom⼀样,获取⽂档中的节点对象是很频繁的⼀个操作,在jQuery中提供了简便的⽅式
供我们查找|定位元素,称为jQuery选择器,选择器可以说是最考验⼀个⼈ jQuery 功⼒的地⽅,通俗的
讲, Selector 选择器就是"⼀个表示特殊语意的字符串"。 只要把选择器字符串传⼊上⾯的⽅法中就能够选
择不同的 Dom 对象并且以 jQuery 包装集的形式返回。
基础选择器
id选择器----------------格式 $("#testDiv")
-------------------选择id为testDiv的元素
元素名称选择器------ 格式$("div")
---------------------------选择所有div元素
类选择器----------------格式$(".blue")
------------------------选择所有class=blue的元素
选择所有元素 ---------格式$("*")
------------------------------选择⻚⾯所有元素
组合选择器------------ 格式$("#testDiv,span,.blue")
----同时选中多个选择器匹配的元素
层次选择器
后代选择器 $("#parent div")
(空格)选择id为parent的元素的所有div元素--所有子孙
⼦代选择器 $("#parent>div")
(大于号)选择id为parent的直接div⼦元素--儿字辈
相邻选择器 $(".blue + img")
(加号)选择css类为blue的下⼀个img元素--下面的邻居
同辈选择器 $(".blue ~ img")
(波浪号)选择css类为blue的之后的img元素--所有的弟弟
表单选择器
表单选择器 :input 查找所有的input元素: $(":input")
注意:会匹配所有的input、 textarea、 select和button元素。
⽂本框选择器 :text 查找所有⽂本框: $(":text")
密码框选择器 :password 查找所有密码框: $(":password")
单选按钮选择器 :radio 查找所有单选按钮: $(":radio")
复选框选择器 :checkbox 查找所有复选框: $(":checkbox")
提交按钮选择器 :submit 查找所有提交按钮: $(":submit")
图像域选择器 :image 查找所有图像域: $(":image")
重置按钮选择器 :reset 查找所有重置按钮: $(":reset")
按钮选择器 :button 查找所有按钮: $(":button")
⽂件域选择器 :file 查找所有⽂件域: $(":file")