JQuery中的选择器

使用jquery获取一组标签对象：
$(“标签名”)
$(“#id名”)
$(“.class名”)
常用方法：
html() —— 获取/设置标签中的内容（html格式）
text() —— 获取/设置标签中的内容（纯文本格式）
val() —— 获取/设置表单元素的值。
attr() —— 获取/设置对象的属性值。
css() —— 获取/设置对象的样式（style）
常用事件：
click(回调函数)；
…………..
切换事件：
hover(鼠标移上去，鼠标移开)；
toggle(函数1,函数2,…..函数n)；
课程目标
1. 掌握选择器分类？
2. 基本选择器的使用？
3. 过滤选择器的使用？
4. 表单选择器的使用？
本章知识点
一．基本选择器
1. $(“标签名”)
2. $(“#id名”)
3. $(“.class名”)
4. $(“*”) —— 获取所有标签对象
5. $(“标签1，标签2，…..”) —— 获取指定元素的标签对象
二．层次选择器
1. $(“标签1 标签2”) —— 后代元素选择器
例如：$(“body div”)
2. $(“标签1 > 标签2”) —— 当前元素的子元素（只获取第一代节点）
例如：$(“body > div”)
3. $(“标签1 + 标签2”) —— 获取当前元素的下一个兄弟节点。
例如：$(“div + div”)
4. $(“标签1 ~ 标签2”) —— 获取当前元素的后面的所有兄弟节点。
例如：$(“div ~ div”)
注意：需要获取当前元素的所有兄弟节点 siblings();
获取当前元素的父节点：parent（）
获取当前元素的子节点：children()
获取当前元素的下一个节点：next() \ nextAll()
查找当前元素中的某一个节点：find()
三．过滤选择器
在获取到元素之后，可以对数据进行过滤。
常用的：
:first —— 第一个
:last —— 最后一个
:eq(index) —— 指定的元素索引
:gt(index) —— 大于指定的索引元素
:lt(index) —— 小于指定的索引元素
:even —— 偶数索引
:odd —— 奇数索引
:animated —— 元素是否正在执行动画
3.1 内容过滤选择器
:contains(内容) —— 选取包含指定内容的标签对象。
:empty —— 选取不包含子元素的标签对象。
3.2 属性过滤选择器
基于元素的属性进行过滤：所有的属性必须使用“[]”。
1. $(“标签名[属性名]”) —— 获取拥有指定属性的标签对象。
2. $(“标签名[属性名=值]”)
3. $(“标签名[属性名!=值]”) $(“标签名[属性名$=值]”) $(“标签名[属性名*=值]”)
$(“标签名[属性名^=值]”)

延伸阅读