zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    微信支付接口之心酸
    分页之辛酸史
    谈谈面试经历
    Linux(Ubuntu 14.0)
    Android(Xamarin)之旅(五)
    css:befor :after 伪元素的妙用
    js设计模式-代理模式
    html页面元素命名参考
    html5-meta标签和搜索引擎
    iframe框架加载完成后执行函数
  • 原文地址:https://www.cnblogs.com/yw0219/p/5963172.html
Copyright © 2011-2022 走看看