首页 > 代码库 > jQuery-编辑选择结果（添加、筛选、过滤或检测）

jQuery-编辑选择结果（添加、筛选、过滤或检测）

2024-08-16 17:42:52   217人阅读

编辑选择结果
操作  实例  效果  备注

添加

 添加选择器 $("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-编辑选择结果（添加、筛选、过滤或检测）


联系
我们