手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 层次选择器siblings与nextAll的区别介绍
jquery 层次选择器siblings与nextAll的区别介绍
摘要:HTML代码:复制代码代码如下:122_12_1_12_234$(".onediv").css("background","red")//....

HTML代码:

复制代码 代码如下:

<div>

<div >1</div>

<div>

2

<div>2_1

<div>2_1_1</div>

</div>

<div>2_2</div>

</div>

<div>3</div>

<div>4</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所有的兄弟元素,不管是后面的还是前面的。

【jquery 层次选择器siblings与nextAll的区别介绍】相关文章:

js+css实现回到顶部按钮(back to top)

JQuery球队选择实例

jQuery异步上传文件插件ajaxFileUpload详细介绍

JQuery中上下文选择器实现方法

jquery插件validation实现验证身份证号等

jQuery实现div随意拖动的实例代码(通用代码)

JS实现简单路由器功能的方法

JavaScript中的异常处理方法介绍

jquery表单对象属性过滤选择器用法

JQuery中属性过滤选择器用法

精品推荐
分类导航