jQuery选择元素
2012-03-30 20:42
281 查看
1、jQuery包装的CSS选择器
$(" p a.speciaClass")
2、子选择器(个人简单的认为:就是在jQuery选择器里面加上了一个">"操作符,再具有一新的特性)
$("ul#myList>li>a").fadeOut();
3、特性选择器(个人简单的认为:就是在jQuery选择器里面有"[""]"操作符,再具有一新的特性)
$("a[href^=http]").fadeOut(); 所有以http打头的A
$("a[href*=pdf]").fadeOut(); 所有以pdf结尾的A
4、容器选择器(个人简单的认为:就是在jQuery选择器里面有":"操作符,后面根的是一些条件,再具有一新的特性)
$("li:has(a)").fadeOut();
1、":"后面接has ,或者是not 有或者是没有的条件,此处特别强调是has(),not(),括号里面包括的是CSS选择器可以选择的集合。
2、":"后面接要选择的位置。如,first,odd ,第一,偶数位,等的条件。
5、":"后面直接跟html元素的属性,如checked,即自定义选择器,
$(":checkbox:checked").fadeOut();
复杂一点的就是这个选择器的混合使用。
$(" p a.speciaClass")
2、子选择器(个人简单的认为:就是在jQuery选择器里面加上了一个">"操作符,再具有一新的特性)
$("ul#myList>li>a").fadeOut();
3、特性选择器(个人简单的认为:就是在jQuery选择器里面有"[""]"操作符,再具有一新的特性)
$("a[href^=http]").fadeOut(); 所有以http打头的A
$("a[href*=pdf]").fadeOut(); 所有以pdf结尾的A
4、容器选择器(个人简单的认为:就是在jQuery选择器里面有":"操作符,后面根的是一些条件,再具有一新的特性)
$("li:has(a)").fadeOut();
1、":"后面接has ,或者是not 有或者是没有的条件,此处特别强调是has(),not(),括号里面包括的是CSS选择器可以选择的集合。
2、":"后面接要选择的位置。如,first,odd ,第一,偶数位,等的条件。
5、":"后面直接跟html元素的属性,如checked,即自定义选择器,
$(":checkbox:checked").fadeOut();
复杂一点的就是这个选择器的混合使用。
相关文章推荐
- JQuery官方学习资料(译):选择元素
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- Jquery选择兄弟元素
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- jquery学习之路jquery之一:jquery选择元素的方法,太神了 2012.8.2
- jquery的学习总结之元素选择、查找、过滤
- jQuery参考实例 2.0 用jQuery选择元素
- jquery可见性选择器(匹配所有隐藏的元素)
- jQuery层次选择器选择元素使用介绍
- jQuery选择参数中带有动态值的元素
- JQuery选择器使用以及对元素的操作方法
- jquery选择class包含多个的元素
- jQuery选择id属性带有点符号元素的方法
- jquery多class层级选择元素的实现以及模糊匹配
- jQuery层次选择器选择元素使用介绍
- jquery如何选择新建窗口中的元素
- jQuery编程基础精华(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jquery的学习总结之元素选择、查找、过滤
- jQuery选择元素
- jquery在选择元素的时候,可以写成var div=$("div")