Jquery选择器

Jquery选择器

选择器允许您对元素组或单个元素进行操作

1. 、基本选择器：

#id id选择器：根据id查找标签对象

.class 类选择器：根据class查找标签对象

Element 元素选择器：根据标签名查找标签对象

*    选择器：表示任意的，所有的元素

selector1,selector2 并集选择器：获取多个选择器中的所有元素，每个选择器以逗号隔开

1. 、层级选择器：
   ①后代选择器：

语法：$(“selector1 selector2”)

选择selector1元素内部的所有selector2元素

②子选择器：$(“selector1>selector2”)

选择selector1元素内部的所有selector2子元素，

③相邻选择器：$(“prev+next”)匹配所有紧接在prev元素后的相邻元素

④兄弟选择器：$(“prev~siblings”）表示将匹配prev元素之后的所有兄弟元素

eg：

1. 、属性选择器：

①属性名选择器：$(“[属性名]”包含指定属性的选择器

eg：$(“[href]”) 选取所有带href属性的元素

②属性选择器：$([“属性名=‘值’”]）包含指定属性等于指定值的选择器

eg：$(“[href=’#’]”)选取所有带href值等于‘#’的元素

--要匹配不包含指定属性的选择器的时候，可以这样写$(“[属性名！=‘值’]”)

eg:$(“[href!=’#’]”)选取所有带href值不等于‘#’的元素

--要匹配某个属性以某几个字母开始的属性值的元素时，可以这样写：$(“[属性名^=”...”]”)

eg:

--要匹配某个属性以某几个字母开始的属性值的元素时，可以这样写：$(“[属性名$=”...”]”)

Eg:$(“[href$=.jpg]”)选取所有带href值以‘.jpg’结尾的元素

--要匹配某属性包含某字母的元素时，可以这样写：$(“[属性名*=‘...’]”)

Eg:

③过滤选择器：

:first  获得第一个元素

:last 获得最后一个元素

:even 所有偶数，从0开始

：odd  所有奇数，从0开始

：lt(index)小于指定索引的元素

：gt(index)大于指定索引的元素

eq(index)获得指定索引的元素

not(selector)不包括指定内容的元素