zoukankan      html  css  js  c++  java
  • jQuery 筛选器 链式编程操作

    $('#i1').next() 下一个标签
    $('#i1').nextAll() 兄弟标签中,所有下一个标签
    $('#i1').nextUntil('#ii1') 兄弟标签中,从下一个标签到id为ii1的标签为止
    $('#i1').prev()
    $('#i1').prevAll()
    $('#i1').prevUntil('#ii1')
    $('#i1').parent() 父亲标签
    $('#i1').parents() 所有父亲标签
    $('#i1').parentsUntil('#ii1') 父标签到id为ii1的标签
    $('#i1').children() 所有儿子标签,不包括孙
    $('li').eq(1) ==> $('li:eq(1)')
    first() 找到的第一个标签
    last() 找到的最后一个标签
    $('div').hasClass('hide') 检查当前的元素是否含有某个特定的类,如果有,则返回true。

    $(this).siblings()  取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合,但不包括自己(即所有兄弟标签)。可以用可选的表达式进行筛选

      $("div").siblings(".selected") 找到每个div的所有同辈元素中带有类名为selected的元素。

    $(this).find('#i1') 查找当前标签的所有子子孙孙标签中,包含id为i1的标签。

    jQuery是支持链式编程的语言,就是在一行了,即设置了值,还能返回当前对象,继续操作,如下:

    $('#i1').addClass('hide').parent().find('.c3').text('442')  找出id为i1的标签,设置上hide样式,并且在这个标签下查找样式为c3的标签,并设置内容为442;
    <div>
        <div>
            <div><a>1</a></div>
            <div id="i1">
                <a>
                   <p>1</p>
                </a>
            </div>
            <div><a class="c3">3</a></div>
            <div><a>4</a></div>
        </div>
    </div>
    <script src="jquery-3.3.1.js"></script>
    <script type="application/javascript">
        console.log($('#i1').addClass('hide').parent().find('.c3').text('442'));
    </script>
  • 相关阅读:
    不用+做加法
    实用类型转换
    Failed to retrieve application JMX service URL
    0.辗转相除法
    1. 数组与字符串
    Java数据结构之257二叉树的所有路径
    Java数据结构与算法之DFS
    Java数据结构与算法之图
    Java数据结构与算法之快速排序、归并排序
    Java数据结构与算法之冒泡排序、选择排序
  • 原文地址:https://www.cnblogs.com/alex-hrg/p/9490113.html
Copyright © 2011-2022 走看看