位置: 编程技术 - 正文

概述jQuery的元素筛选(jquery操作元素的方法)

编辑:rootadmin

推荐整理分享概述jQuery的元素筛选(jquery操作元素的方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery元素操作,jquery使用什么进行元素获取,jquery的主要作用,jquery的实现原理,jquery的作用,jquery的实现原理,jquery 元素,简述jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

1、eq()   筛选指定索引号的元素2、first()  筛选出第一个匹配的元素3、last()   筛选出最后一个匹配的元素4、hasClass()  检查匹配的元素是否含有指定的类5、filter()  筛选出与指定表达式匹配的元素集合6、is()    检查元素是否参数里能匹配上的7、map()8、has()  筛选出包含指定子元素的元素9、not()  排除能够被参数中匹配的元素、slice()    从指定索引开始,截取指定个数的元素、children()  筛选获取指定元素的资源、closest()   从当前元素开始,返回最先匹配到的符合条件的父元素、find()    从指定元素中查找子元素、next()    获取指定元素的下一个兄弟元素、nextAll()   获取其后的所有兄弟元素、nextUntil()  获取其后的元素,直到参数能匹配上的为止,不包括结束条件那个、offsetPosition()  返回第一个用于定位的祖先元素,即查找祖先元素中position为relative或absolute的元素。、parent()   获取指定元素的直接父元素、parents()   获取指定元素的所有祖先元素,一直到<body></body>、parentsUntil()  获取指定元素的祖先元素,知道参数里能匹配到的为止、prev()    获取指定元素的前一个兄弟元素、prevAll()   获取指定元素前面的所有兄弟元素、prevUntil()  获取指定元素前面的所有兄弟元素,直到参数里的条件能够匹配到的。 注意参数条件本身不会被匹配、siblings()   获取指定元素的兄弟元素,不分前后、add()    将选中的元素添加到jQuery对象集合中、andSelf()  将自身加到选中的jQuery集合中,以方便一次性操作、end()     将改变当前选择器选中的操作回退为上一个状态。、contents  未明白

************************* 筛选 ************************************

一、eq()  筛选指定索引号的元素

  语法:eq(index|-index)  索引号从0开始,若为负值,则从最后一个开始倒数,最后一个从-1开始

二、first()  筛选出第一个匹配的元素

  语法:first()  此方法没有参数

三、last()  筛选出最后一个匹配的元素

   语法:last()  此方法没有参数

四、hasClass()  检查匹配的元素是否含有指定的类

  语法:hasClass(class)  class为类别名  //返回布尔值

五、filter()  筛选出与指定表达式匹配的元素集合

  语法:filter(expr|obj|ele|fn)  expr:匹配表达式|obj:jQuery对象,用于匹配现有元素 | DOM:用于匹配的DOM元素 | function返回值作为匹配条件

六、is()    检查元素是否参数里能匹配上的

  语法:is(expr|obj|ele|fn)  expr:匹配表达式|obj:jQuery对象,用于匹配现有元素 | DOM:用于匹配的DOM元素 | function返回值作为匹配条件

七、map()

八、has()  筛选出包含指定子元素的元素

  语法:has(expr|ele)  expr:选择表达式 | DOM元素选择

九、not()  排除能够被参数中匹配的元素

  语法:not(expr|ele|fn)  expr:选择表达式 | DOM元素选择 | fn的作用还不清楚

十、slice()  从指定索引开始,截取指定个数的元素

   语法:slice(start, [end])   start位置, end可选,结束位置,不包含结束位置那个。如果不指定,则匹配到最后一个。

********************** 筛选 *********************************

十一、children()  筛选获取指定元素的资源

   语法:children(expr);  获取指定元素的资源,expr为子元素筛选条件

十二、closest()  从当前元素开始,返回最先匹配到的符合条件的父元素

十三、find()    从指定元素中查找子元素

   语法:find(expr|obj|ele)  expr:匹配表达式 | obj用于匹配的jQuery对象 | DOM元素

概述jQuery的元素筛选(jquery操作元素的方法)

十四、next()    获取指定元素的下一个兄弟元素

   语法:next(expr)  expr:可选,筛选条件,如果下一个兄弟元素不符合改条件,则返回空。

十五、nextAll()   获取其后的所有兄弟元素

    语法:nextAll(expr)  expr:可选,筛选条件,获取其后符合expr条件的所有兄弟元素

十六、nextUntil()  获取其后的元素,直到参数能匹配上的为止,不包括结束条件那个

   语法:nextUntil([expr|ele][,fil])  expr筛选表达式 | DOM元素筛选,注意不包括参数里的那一个

十七、offsetPosition()  返回第一个用于定位的祖先元素,即查找祖先元素中position为relative或absolute的元素。

   语法:offsetPosition()  此方法没有参数  由于CSS的绝对定位的定位基准是相对最近的一个已定位元素,因此此方法的作用不言而喻。

十八、parent()    获取指定元素的直接父元素

    语法:parent(expr)  expr为筛选条件,如果直接父元素不符合条件,则不返回任何元素(无论它的祖先是否具有能与expr匹配的)

十九、parents()   获取指定元素的所有祖先元素,一直到<body></body>

   语法:parents(expr)  expr为筛选条件,如果某个祖先元素不符合expr则排除

二十、parentsUntil()  获取指定元素的祖先元素,知道参数里能匹配到的为止

   语法:parentsUntil(expr)  expr为停止参数,一直匹配到expr为止,同时参数的条件是不会被匹配中的。

二十一、prev()    获取指定元素的前一个兄弟元素

    语法:prev(expr)    expr:可选。当上一个兄弟元素不符合参数中的条件时,不返回任何元素。

二十二、prevAll()  获取指定元素前面的所有兄弟元素

    语法:prevAll(expr)  expr:可选,排除所有不能够被expr匹配上的元素

二十三、prevUntil()  获取指定元素前面的所有兄弟元素,直到参数里的条件能够匹配到的。 注意参数条件本身不会被匹配

    语法:prevUntil([expr|ele][,fil])  expr匹配表达式 | DOM元素匹配

/******************** 串联 *******************************/

二十四、siblings()  获取指定元素的兄弟元素,不分前后

    语法:siblings(expr);  expr为筛选条件,不符合条件的不会选中

二十五、add()  将选中的元素添加到jQuery对象集合中

    add(expr|elements|html|jQueryObject)  expr:选择器表达式 | DOM表达式 | Html片段 | jQuery对象,将jQuery对象集合一起方便操作;

二十六、andSelf()  将自身加到选中的jQuery集合中,以方便一次性操作

    andSelf()  此方法无参数

二十七、end()   将改变当前选择器选中的操作回退为上一个状态。

    end()   此方法没有参数

二十八、contents  未明白

本文链接地址:https://www.jiuchutong.com/biancheng/377841.html 转载请保留说明!

上一篇:使用jquery实现的循环连续可停顿滚动实例(jquery的使用方法)

下一篇:分类解析jQuery选择器(jquery层次选择器主要包括哪几种分类)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络