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-筛选

[ jquery 过滤器 is(expr | jqObj | ele | function) ] 此方法用于在选择器的基础之上根据选择器DOM元素或 jQuery 对象来检测匹配元素集合,如果有,(

jquery 筛选元素的常用方法

jQuery 概述选择器

Jquery4 过滤选择器