javascript

位置:IT落伍者 >> javascript >> 浏览文章

jquery 层次选择器siblings与nextAll的区别介绍


发布日期:2021年04月08日
 
jquery 层次选择器siblings与nextAll的区别介绍
jquery 层次选择器包括siblings与nextAll本文为大家介绍下具体的使用方法想学习的朋也可以参考下希望对大家有所帮助

HTML代码

复制代码 代码如下:


<div>
<div ></div>
<div class="one">

<div>_
<div>__</div>
</div>
<div>_</div>
</div>
<div></div>
<div></div>
</div>
$("one div")css("background""red") // one之后所有DIV后代元素(后代包括儿子和孙子
$("one > div")css("background""red") // one之后的子元素(子儿子和女儿
$("one + div")css("background""red") // one之后相邻的元素就是紧靠one之后的兄弟元素只有一个
$("one")next()css("background""red") // 这个作用同上
$("one ~ div")css("background""red") //one之后的兄弟元素不包括前面的
$("one")nextAll()css("background""red") //作用同上
$("one")siblings()css("background""red") // one所有的兄弟元素不管是后面的还是前面的

上一篇:Highcharts 非常实用的Javascript统计图demo示例

下一篇:jQuery表单获取和失去焦点输入框提示效果