jquery 层级选择器
2015-10-15 11:03
549 查看
关于层级选择器。
$("parent > child")
选择所有指定“parent”元素中指定的“child”的直接子项元素。
parent :任何有效的选择器。
child: 用来筛选子元素的选择器
$("ancestor descendant")
选择给定的祖先元素的所有后代元素
ancestor:任何有效的选择器;
descendant: 一个用来筛选子元素的选择器;
$("prev+next")
选择所有紧接着“prev"在元素后面的“next”元素。
prev 任何有效的选择器
next 用于筛选跟在“prev”后面的选择器
$("prev ~ siblings")
选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。
prev 任何有效的选择器
siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。
$("parent > child")
选择所有指定“parent”元素中指定的“child”的直接子项元素。
parent :任何有效的选择器。
child: 用来筛选子元素的选择器
$(function(){ $("ul.myul > li").css("border","2px solid red"); //将ul带有.myul选择下面的li 标签添加边框。 });
$("ancestor descendant")
选择给定的祖先元素的所有后代元素
ancestor:任何有效的选择器;
descendant: 一个用来筛选子元素的选择器;
$(function(){ $("form input").css("border","2px solid green") //将form 内所有的input 标签加上边框 });
$("prev+next")
选择所有紧接着“prev"在元素后面的“next”元素。
prev 任何有效的选择器
next 用于筛选跟在“prev”后面的选择器
$(function(){ $("label + input").css("border","2px solid red") //将所有紧跟在 label 后面的input 标签加上边框 });
$("prev ~ siblings")
选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。
prev 任何有效的选择器
siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。
$(function(){ $("#prev ~ div").css("border","2px solid red"); // 将prev 选择器 后面的兄弟div 标签加上边框 })
相关文章推荐
- jQuery $.each用法
- [测试文章]简单实用的鼠标滑过图片遮罩层动画jQuery插件
- jquery 获取url中参数的值
- jquery中innerWidth(),outerWidth(),outerWidth(true)和width()的区别
- jquery查看当前平台
- php和jquery中把时间转换为多少小时前,多少分钟前,多少秒前
- Jquery Mobile UI之列表的学习
- jQuery Validate自定义校验
- js jquery版本号 金额千分之一转换功能(非规范,高效率)
- ajax的status为201依然触发jquery的error事件的问题
- PHP+Mysql+jQuery实现发布微博程序 php篇
- jQuery实现仿QQ在线客服效果的滚动层代码
- jquery实现简单实用的弹出层效果代码
- JQuery扩展:TextArea在光标处插入文本
- jquery easyui combobox 添加添加选择项
- jQuery删除元素方法remove(),detach(),empty()
- 原生JS实现全选与反选和jquery全选与反选
- jQuery Mobile 表格
- Jquery moblie中的分栏布局
- JQuery中$.get、$.post、$.getJSON和$.ajax的用法