zoukankan      html  css  js  c++  java
  • jQuery-筛选

    jQuery-筛选

    1.过滤

    在jQuery对象中元素对象数组中过滤出一部分元素

    1).first()

    2).last()

    3.eq(index|-index)

    4.filter(selector)

    5.not(selector)

    6.has(selector)

            var $lis = $('ul>li')
            //1.ul下li标签第一个
            $lis.first().css('background','red')//jQuery对象
            $lis[0].style.background = 'red'//dom元素
    
            //2.ul下li标签的最后一个
            $lis.last().css('background','red')
    
            //3.ul下li标签的第二个
            $lis.eq(1).css('background','red')
    
            //4.ul下li标签中title属性为hello的
            $lis.filter('[title=hello]').css('background','red')
    
            //5,ul下li标签中title属性不为hello的
            $lis.not('[title=hello]').css('background','red')
    
            //ul下li标签中title属性不为hello的且含有title属性
            $lis.filter('[title!=hello]').filter('[title]').css('background','red')
    
            //6.ul下li标签中有span子标签的
            $lis.has('span').css('background','red')
    

      

    2.查找

    1).children():子标签中找

    2).find():后代标签中找

    3).parent():父标签

    4).prevAll():前面所有的兄弟标签

    5).nextAll():后面所有的兄弟标签

    6).siblings():前后所有的兄弟标签

     $ul = $('ul')
            //1.ul标签的第二个span子标签
            $ul.children('span:eq(1)').css('background','red')
            //2.ul标签的第二个span后代标签
            $ul.find('span:eq(1)').css('background','red')
            //3.ul标签的父标签
            $ul.parent().css('background','red')
            //4.id为cc的li标签的前面的所有li标签
            var $li = $('#cc')
            $li.prevAll('li').css('background','red')
            //5.id为cc的li标签的所有兄弟li标签
            $li.siblings('li').css('background','red')
    

      

  • 相关阅读:
    什么是ROR
    Struts2中使用Session的两种方法
    js的时间操作方法
    产生4位包含大小字母与数字的验证码
    Java关键字this、super使用总结
    java 反射的实例
    Java语言中定义常量注意事项
    java 静态方法和实例方法的区别
    多线程的例子
    java 中的内省机制
  • 原文地址:https://www.cnblogs.com/yangHS/p/10888600.html
Copyright © 2011-2022 走看看