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>

jQuery 筛选器 链式编程操作的相关教程结束。