美文网首页
jQuery选择器

jQuery选择器

作者: 盖被吹空调 | 来源:发表于2016-09-19 18:00 被阅读0次

    兄弟元素获取

    .next([selector])和 .prev([selector])下一个和前一个
    .nextAll([selector])和 .prevAll([selector])后面所有和前面所有
    .siblings([selectors])所有兄弟元素

    父子元素获取

    .parent([selector])直接父元素
    .parents([selector])所有祖先元素
    .children([selector])直接子元素
    .find([selector])所有后代元素

    筛选当前结果集

    .first()选择结果中的第一个
    .last()选择结果中的最后一个
    .filter(selector), .filter(function(index))筛选当前结果集中符合条件的对象,参数可以是一个选择器或者一个函数
    例:给所有a添加class aaa

        <ul class="panel">
            <li>a-1</li>
            <li>a-2</li>
            <li>a-3</li>
            <li>a-2</li>
            <li>a-3</li>
            <li>b-1</li>
        </ul>
    
    
    var $list = $('.panel li').filter(function(index, node){
        var str = $(this).html();
        if(str.indexOf('a-')>-1){
            return true;
        }
    })
    $list.addClass('aaa')
    

    .not(selector), .not(function(index))从匹配的元素集合中移除指定的元素,和filter相反
    .has(selector), .has(dom)筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素
    .filter()和.has()不同之处:filter()方法,条件作用于自身;has()方法条件是作用于它的后代元素中。
    .is(selector), is(function(index)), is(dom/jqObj)判断,返回true or false

    选择器.png

    相关文章

      网友评论

          本文标题:jQuery选择器

          本文链接:https://www.haomeiwen.com/subject/oyhqettx.html