位置: 编程技术 - 正文
推荐整理分享概述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元素
十四、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 未明白
标签: jquery操作元素的方法
本文链接地址:https://www.jiuchutong.com/biancheng/377841.html 转载请保留说明!友情链接: 武汉网站建设