jQuery-筛选

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_30469895

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yangHS/p/10888600.html

博客主要介绍了jQuery的筛选功能，包括过滤和查找两方面。过滤可从jQuery对象的元素对象数组中筛选部分元素，有first()、last()等方法；查找则可在子标签、后代标签、父标签及兄弟标签中进行，如children()、find()等方法。

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')

转载于:https://www.cnblogs.com/yangHS/p/10888600.html