首页 >web前端 >js教程 >jQuery之过滤元素操作小结_jquery

jQuery之过滤元素操作小结_jquery

WBOY
WBOY原创
2016-05-16 17:11:32994浏览

1:eq(index)方法

用于获取第N个元素,这个元素的位置从0开始算起,语法格式如下:eq(index)

获取第3个表格,并将它的背景色设置为"#FCF", 代码如下:$("td").eq(2).css("background", "#FCF");


2:filter(expr)方法

用于筛选出与指定表达式匹配的元素集合,用于缩小匹配的范围,用逗号分隔多个表达式,那么多个表达式之间是“或”的关系,

语法如下:filter(expr)

$("input").filter(".sel").css("backgroud", "#FCF");  //选取带有class属性值为sel的input元素,并设置它的背景色

$("input").filter(".sel, :first").css("background", "#FCF");  //选取带有class属性值的input元素或者选取当前领域中的第一个元素,并设置它们的背景色,

表达式之间用逗号分隔


3:filter(fn)方法

用于筛选出与指定函数返回值匹配的元素集合,该函数内部将对每个对象计算一次(如$:each)。如果调用的函数返回false,则这个元素将被删除,

否则就会保留。语法格式如下:filter(fn)

复制代码 代码如下:





filter(fn)用法



    


      


              
  1. Hello

  2.       

    


    

How are you?





假设子元素中不含有ol元素,并设置该元素的字体颜色为蓝色。



4:has(expr)方法

用于保留包含特定后代的元素,去掉那些不含有指定后代的元素,该方法将会从给定的jQuery对象中重新创建一组匹配的对象,提供的选择器会一一测试原先

那些对象的后代,含有匹配后代的对象将得以保留,语法格式如下:

has(expr)

复制代码 代码如下:

gt;



has(expr)最合适

<脚本 src="jquery-1.4.2.js" type="text/javascript">
<脚本语言="javascript" type="text/javascript"> ;
   $(document).ready(function(){
      $("li").has("ul").css("color", "red");
   })


   


          
           正文
          
  • 结尾

  •    
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn