jquery层次选择器siblings与nextAll的区别介绍
jQuery 介绍 区别 选择器 层次 siblings
2023-06-13 09:15:03 时间
HTML代码:
复制代码代码如下:
<div>
<div>1</div>
<divclass="one">
2
<div>2_1
<div>2_1_1</div>
</div>
<div>2_2</div>
</div>
<div>3</div>
<div>4</div>
</div>
$(".onediv").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 each循环遍历完再执行的方法详解编程语言
- jQuery removeClass()方法删除class
- jQuery toggleClass()方法切换class
- JQuery初体验(建议学习jquery)
- jQuery中isFunction方法的BUG修复
- jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
- jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
- 让图片旋转任意角度及JQuery插件使用介绍
- jQuery基本过滤选择器使用介绍
- jQuery层次选择器选择元素使用介绍
- Jquery绑定事件(bind和live的区别介绍)
- jquery滚动条插件jScrollPane的使用介绍
- jquery中html、val与text三者属性取值的联系与区别介绍
- Jquery在指定DIV加载HTML示例代码
- jquery获取颜色在ie和ff下的区别示例介绍
- jquery的trigger和triggerHandler的区别示例介绍
- jquery中map函数与each函数的区别实例介绍
- jquery判断浏览器后退时候弹出消息的方法
- JQuery$.each遍历JavaScript数组对象实例
- JQuery中的html()、text()、val()区别示例介绍
- jQuery对val和atrr("value")赋值的区别介绍