jQuery-编辑选择结果(添加筛选过滤或检测)
Posted 舒山
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-编辑选择结果(添加筛选过滤或检测)相关的知识,希望对你有一定的参考价值。
操作 | 实例 | 效果 | 备注 | |
添加 |
添加选择器 | $("p").add(".a") | 添加类名为a的选择器 | 并不影响源结果集 |
$("p").add( "label", $(".class") ); | 添加类包含名为class的所有label元素的选择器 | |||
添加html对象 | $("p").add( document.getElementsByTagName("label")) | 添加元素名为label的html对象 | ||
添加jquery对象 | $("p").add( $("strong")) | 添加元素名为strongl的jquery对象 | ||
筛选 |
获取元素 | $("p").first() | 获取第一个元素 | |
$("p").last() | 获取最后一个元素 | |||
$("p").eq(3) | 获取第3个元素 | 可以为负,表倒数 | ||
获取子集 | $("p").slice(2) | 获取第2个元素直至结果集末尾组成的结果集 | ||
$("p").slice(2,5) | 获取第2-5个元素组成的结果集 | |||
过滤 当前 |
得到对应元素 | $("p").filter(".aa") | 得到含有类名为aa的结果集 | |
$("div").filter(document.getElementsByTagName("label")) | 得到含有label元素的结果集 | |||
$("div").filter($test) | 得到含有$test对象的结果集 | |||
$("div").filter(function(index){if(this.id=="xixi"){ return true;}else{return false;}}) | 遍历结果集,得到false返回值则剔除 | index是索引,this代表当前对象 | ||
除去对应元素 | $("p").not(".aa") | 与filter正好相反 | ||
$("div").not(document.getElementsByTagName("label")) | ||||
$("div").not($test) | ||||
$("div").not(function(index){}) | ||||
后代 |
得到含有符合条件的后代元素的结果集 |
$("div").has(".aa") | 后代中含有类名为aa的结果集 | 判断的对象是后代元素 |
$("div").has(document.getElementsByTagName("label")) | 后代中含有元素名为label的结果集 | |||
检测 | 返回true或false | $("#div1").is("div") | 参数是源结果集的父集时返回true | |
$("#div1").is(document.getElementsByTagName("div")) | ||||
$("#div1").is($test) | ||||
$("#div1").is(function(index){if(this.id=="xixi"){ return true;}else{return false;}}) | index是索引,this代表当前对象 |
参考资料:http://www.365mini.com/page/jquery-add.htm
以上是关于jQuery-编辑选择结果(添加筛选过滤或检测)的主要内容,如果未能解决你的问题,请参考以下文章
jQuery---[jQuery筛选之::祖先,后代,同胞,过滤,判断]
[ jquery 过滤器 is(expr | jqObj | ele | function) ] 此方法用于在选择器的基础之上根据选择器DOM元素或 jQuery 对象来检测匹配元素集合,如果有,(