一、 基本选择器
1. ID 选择器
ID 选择器#id 就是利用 DOM 元素的 id 属性值来筛选匹配的元素,并以 iQuery 包装集
的形式返回给对象。
使用公式:$("#id")
示例:$("#box") //获取 id 属性值为 box 的元素
2. 元素选择器
元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是 DOM 元素的标记
名,也就是说元素选择器是根据元素的标记名选择的。
使用公式:$("element")
示例:$("div") //获取所有 div 元素
3.类名选择器
类选择器是通过元素拥有的 CSS 类的名称查找匹配的 DOM 元素。在一个页面中,一
个元素可以有多个 CSS 类,一个 CSS 类又可以匹配多个元素,如果有元素中有一个匹配类的
名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的 CSS 类名称查找匹配
的元素。
使用公式:$(".class")
示例:$(".box") //获取 class 属性值为 box 的所有元素
4.复合选择器
复合选择器将多个选择器(可以是 ID 选择器、元素选择器或是类名选择器)组合在
一起,两个选择器之间以逗号","分隔,只要符合其中的任何一个筛选条件就会被匹配,返回
的是一个集合形式的 jQuery 包装集,利用 jQuery 索引器可以取得集合中的 jQuery 对象。
注意:多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,
而是将每个匹配的元素合并后一起返回。
使用公式:$("selector1,selector2,......,selectorN")
selector1:一个有效的选择器,可以是 ID 选择器、元素选择器或类名选择器等
selector2:另一个有效的选择器,可以是 ID 选择器、元素选择器或类名选择器等
selectorN:(可选择)任意多个选择器,可以是 ID 选择器、元素选择器或类名选择器
等
示例:$("div,#btn") //要查询文档中的全部的<div>元素和 id 属性为 btn 的元素
5.通配符选择器
评论0