JavaScript/jQuery选择器
2017-05-31 17:20
337 查看
第四章
一.jQuery选择器可通过CSS选择器,条件过滤两种方式获取元素
二.在CSS中,选择器的作用是获取元素
三.jQuery选择器的优势:
1.简洁的写法 2.支持CSS1.0到CSS3.0选择器 3.完善的处理机制
四.基本选择器:包括标签选择器,类选择器,ID选择器,并集选择器,交集选择器,全局选择器
1.标签选择器:element
根据给定的标签名匹配元素
2.类选择器:.class
根据给定的class匹配元素
3.ID选择器:#id
根据给定的id匹配元素
4.并集选择器:selector1,selector2,......,selectorN
将每一个选择器匹配的元素合并后一起返回
5.交集选择器:element.class或element#id
匹配指定class或id的某元素或元素聚合(若在同一页面中指定id的元素返回值,则一定是单个元素;若指定class的元素,则可以是单个元素,也可以是元素集合)
6.全局选择器:*
匹配所有元素
五.jQuery中有4种层次选择器:后代选择器,子选择器,相邻元素选择器,同辈元素选择器
1.后代选择器:ancestor descendant
选取ancestor元素里的所有descendant(后代)元素
2.子选择器:parent>child
选取parent元素下的child(子)元素
3.相邻元素选择器:prev+next
选取紧邻prev元素之后的next元素
4.同辈元素选择器:prev~sibings
选取prev元素之后的所有siblings(同辈)元素
一.jQuery选择器可通过CSS选择器,条件过滤两种方式获取元素
二.在CSS中,选择器的作用是获取元素
三.jQuery选择器的优势:
1.简洁的写法 2.支持CSS1.0到CSS3.0选择器 3.完善的处理机制
四.基本选择器:包括标签选择器,类选择器,ID选择器,并集选择器,交集选择器,全局选择器
1.标签选择器:element
根据给定的标签名匹配元素
2.类选择器:.class
根据给定的class匹配元素
3.ID选择器:#id
根据给定的id匹配元素
4.并集选择器:selector1,selector2,......,selectorN
将每一个选择器匹配的元素合并后一起返回
5.交集选择器:element.class或element#id
匹配指定class或id的某元素或元素聚合(若在同一页面中指定id的元素返回值,则一定是单个元素;若指定class的元素,则可以是单个元素,也可以是元素集合)
6.全局选择器:*
匹配所有元素
五.jQuery中有4种层次选择器:后代选择器,子选择器,相邻元素选择器,同辈元素选择器
1.后代选择器:ancestor descendant
选取ancestor元素里的所有descendant(后代)元素
2.子选择器:parent>child
选取parent元素下的child(子)元素
3.相邻元素选择器:prev+next
选取紧邻prev元素之后的next元素
4.同辈元素选择器:prev~sibings
选取prev元素之后的所有siblings(同辈)元素
相关文章推荐
- 【JavaScript】jQuery选择器
- 纯JavaScript实现简易版的jQuery选择器,支持链式调用
- JavaScript查找HTML节点,以及常用的jQuery选择器
- Java程序员的JavaScript学习笔记(8——jQuery选择器)
- Javascript中JQuery选择器
- JavaScript(15)jQuery 选择器
- 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. Traffic Light
- JavaScript学习笔记8-jQuery表单选择器
- JavaScript/jQuery选择器简介
- 10个精选的颜色选择器Javascript脚本及其jQuery插件
- jquery强大的选择器和javascript 的对比。
- javascript之jquery基础 选择器
- Java程序员的JavaScript学习笔记(12——jQuery-扩展选择器)
- 10个精选的颜色选择器Javascript脚本及其jQuery插件
- jQuery选择器 改写传统javaScript选择器实例(例子)
- 从零开始学_JavaScript_系列(四)——jquery(基础,选择器,触发条件,动画,回调函数)
- JavaScript、 jQuery选择器
- javascript 原生 模仿 jquery 选择器 代码
- [原]Java程序员的JavaScript学习笔记(12——jQuery-扩展选择器)
- jQuery选择器实现隔行变色和使用javaScript实现隔行变色