jquery选择器
2017-10-17 22:22
218 查看
jquery选择器
基本选择器
1. 标签选择器
$("html标签") 返回页面上所有指定标签的jquery对象集合
2. 类选择器
$(".类名") 返回所有该类名的jquery对象集合
3. ID选择器
$("#id名称") 以jquery对象返回指定ID的元素
4.并集选择器
$("标签选择器,类选择器,id选择器")
返回所有选择器中选择的元素,
返回的数据类型为jquery对象集合
5.全局选择器
$("*") 选择页面中所有的元素,返回jquery对象的集合
层级选择器
1. 后代选择器
$("选择器1 选择器2")
将选择器1中的所有符合选择器2的后代元素选择出来。
(包含子级 及 子级的子级===)
2. 子选择器
$("选择器1>选择器2")
将选择器1中的所有符合选择器2的子级元素
选择出来。(不包括子级之后的后代元素)
3.相邻选择器
$("选择器1+选择器2")
将符合选择器1的元素中,
平级的,相邻的下一个,并且
符合选择器2的单个元素选择出来
4.同辈选择器
$("选择器1+选择器2")
将符合选择器1的元素中,
所有平级的,并且
符合选择器2的多个元素选择出来
5.属性选择器
[attribute]
选择含有该属性的元素
[attribute=value]
选择含有该属性,并且属性值为value的元素
[attribute!=value]
选择含有该属性,并且属性值不为value的元素
[attribute^=value]
选择含有该属性,并且属性值以value为开头的元素
[attribute$=value]
选择含有该属性,并且属性值以value为结尾的元素
[attribute*=value]
选择含有该属性,并且属性值中包含value的元素
基本选择器
1. 标签选择器
$("html标签") 返回页面上所有指定标签的jquery对象集合
2. 类选择器
$(".类名") 返回所有该类名的jquery对象集合
3. ID选择器
$("#id名称") 以jquery对象返回指定ID的元素
4.并集选择器
$("标签选择器,类选择器,id选择器")
返回所有选择器中选择的元素,
返回的数据类型为jquery对象集合
5.全局选择器
$("*") 选择页面中所有的元素,返回jquery对象的集合
层级选择器
1. 后代选择器
$("选择器1 选择器2")
将选择器1中的所有符合选择器2的后代元素选择出来。
(包含子级 及 子级的子级===)
2. 子选择器
$("选择器1>选择器2")
将选择器1中的所有符合选择器2的子级元素
选择出来。(不包括子级之后的后代元素)
3.相邻选择器
$("选择器1+选择器2")
将符合选择器1的元素中,
平级的,相邻的下一个,并且
符合选择器2的单个元素选择出来
4.同辈选择器
$("选择器1+选择器2")
将符合选择器1的元素中,
所有平级的,并且
符合选择器2的多个元素选择出来
5.属性选择器
[attribute]
选择含有该属性的元素
[attribute=value]
选择含有该属性,并且属性值为value的元素
[attribute!=value]
选择含有该属性,并且属性值不为value的元素
[attribute^=value]
选择含有该属性,并且属性值以value为开头的元素
[attribute$=value]
选择含有该属性,并且属性值以value为结尾的元素
[attribute*=value]
选择含有该属性,并且属性值中包含value的元素
相关文章推荐
- jquery属性过滤选择器
- 学习jQuery第一天:演示jQuery层次选择器
- JavaScript学习笔记8-jQuery基本选择器深度解析
- jquery属性过滤选择器
- jQuery之日期选择器的深入解析
- jquery 选择器(name,属性,元素)大全
- jQuery选择器
- jQuery(内涵: jquery选择器)
- jquery 选择器大全
- jquery选择器“*”
- JQuery基本选择器
- jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
- HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);
- jQuery 选择器
- JQuery选择器整理
- jQuery中 :first选择器,first()和:first-child选择器的区别
- jquery选择器、事件
- jquery 选择器
- JavaScript强化教程——jQuery选择器
- jquery常用操作整理 (二)--jQuery-Selectors(选择器)的使用