jQuery选择器

在许多Javascript类库中使用$()函数作为选择器函数,这是jQuery中的函数。

$(# ID)获取元素通过ID来代替document.getelementbyid()函数。

$(TagName)获取元素的标签名称,它是用来代替的document.getelementsbytagname()函数。

jQuery的基本语法是:$(选择器)。动作()选择器是选择器。

jQuery选择器的分类

jQuery的选择器可以分为四大类:

基本选择器(基本)

层次选择器(水平)

滤波器选择器(滤波器)

表单选择器(表单)

一些种类可以分为具体的子类。

基本选择器



*匹配所有元素。示例:$(* )选择所有元素。

# ID是基于一个给定的ID匹配的元素(最多只有一个元素)。例如:$(# LastName)选择元素的id =LastName。

类根据给定类名匹配元素。示例:$()选择类的所有元素。

元素根据给定的元素名称匹配元素。示例:$(p )选择所有元素。

例:美元。class.class(。介绍。演示)选择所有class=演示元素。(交叉)。

selector1,selector2,…SelectorN,每个选择器匹配的元素合并后的回报。(联盟)。

除了由# ID选择器的一元回归,所有其他的选择器返回的元素集合。

这是因为HTML规范中的ID应该是唯一的,因此不考虑重复ID的元素。

如果多个元素的ID相同,那么这个ID只能获得第一个元素。也就是说,所获取的jQuery对象的长度属性为1。

如果要匹配的元素不存在,则返回一个空的jQuery对象。

基本选择器可以组合,用逗号分隔,并从所有条件得出结果。

当它不被逗号分隔时,它应该是所有条件的交集。

层次选择器



$(祖先后裔)在祖先元素中选择所有子代后裔,包括直接子元素和较深的嵌套后代元素。

示例:$(div跨度)选择它中的所有元素。

注意:选择器在整个页面上被扫描并返回到一个集合。所有符合选择标准的元素都包括在内。下面的很多都会被选中。

$(母>的孩子)选择是父元素下的子元素,孩子,只有直接子元素的选择。其他后代不包括在内。

例如:$(
跨度)选择元素名称的子元素的元素。

$(沪指+下)选择下一个元素(同一水平),其次是prev元素。

示例:$(-1)选择类的下一个div元素作为一个。

$(沪指+兄弟姐妹兄弟姐妹)选择所有元素(同级)prev元素之后。

例如:$(#两~ DIV)选择所有的兄弟元素后面的元素ID两。

等效方法:

(上+下)美元,相当于法$(沪指)。明年(下);下一个元素依次prev元素被选中。

$(沪指~ sublings)是等效的方法$(沪指),NextAll(sublings),选择所有的sublings元素同级prev元素之后。

和$(沪指),Sublings(下)方法的选择上同一代后面所有的元素,独立的前后位置。

滤波器选择器

过滤器选择器的一大类被划分为六个子类。

基本的过滤;内容过滤;能见度过滤;属性过滤;子元素过滤;表单对象属性过滤。

基本的过滤



gt和lt大于和小于,分别。



内容过滤



可见性过滤



属性过滤



属性过滤由方括号标识。

注意当多个属性筛选器选择器链接在一起时结果的交集。

子元素过滤



在以前的基本过滤选择器指标计算0,其中的子元素过滤选择器的索引是从1开始计算。

表单对象属性过滤



形式的选择