jquery

jQuery的选择器
基本选择器:

标签选择器

$(“html标签名”)	获得所有匹配标签名称的元素

id选择器:

$("#id的属性值")	获得与指定id属性值匹配的元素

类选择器

$(".class的属性值")	获得与指定的class属性值匹配的元素

后代选择器

$("A B ")	选择A元素内部的所有B元素(A内的B全选)

子选择器

$(“A > B”)	选择A元素内部的所有B子元素 (A内的儿子级的B才选，即儿子以下的不选)

相邻兄弟选择器

（找同级的下一个） $("#one + div") 找到 id 为 one 的下一个兄弟
找出后面同级元素 $("#two ~ div") 找到id为two的元素后面的所有兄弟

属性选择器

$(“A[属性名]”)	找包含指定属性名的元素

属性选择器

$(“A[属性名=‘属性值’]”)	找包含属性名等于该属性值的元素

属性选择器

$(“标签[属性名!=‘属性值’]”)	找包含属性名不等于该属性值的元素

属性选择器

$(“标签[属性名 ^=‘属性值’]”)	找包含属性名以该属性值开始的元素

属性选择器

$(“标签[属性名 $=‘属性值’]”)	找包含属性名以该属性值结束的元素

属性选择器

$(“标签[属性名 *=‘属性值’]”)	找包含属性名且含有该属性值的元素

复合属性选择器

$(“A[属性名=值] [属性名 *= ‘xx’]…”)	找包含多个属性条件的元素

首元素选择器

选择器 :first	获得选择的元素中的第一个元素

尾元素选择器

选择器:last	获得选择的元素中的最后一个元素

非元素选择器

选择器 :not(selecter)	不包括指定内容的元素

偶数选择器

选择器:even	偶数，从 0 开始计数

奇数选择器

选择器 :odd	奇数，从 0 开始计数

等于索引选择器

选择器 :eq(index)	指定索引元素

大于索引选择器

选择器 :gt(index)	大于指定索引元素

小于索引选择器

选择器:lt(index)	小于指定索引元素

表单属性选择器

可用元素选择器

选择器 :enabled	获得可用表单项

不可用元素选择器

选择器:disabled	获得不可用元素

选中选择器

选择器（如：input:checkbox）:checked	获得单选/复选框选中的元素

选中选择器 选择器（如：option）:selected 获得下拉框选中的元素

jQuery对DOM树中的文本和值进行操作

API方法 解释

val()

val(“value”) 相当于js的value属性，获得/设置元素value属性相应的值(只能获取表单属性标签的value)

text()

text(“value”) 相当于js的innerText属性，获得/设置元素中的文本内容(标签体)

html()

html(“value”) 相当于js的innerHTML属性，获得/设置元素中的html内容 (标签体)
注：val（），text（），html（）不传入参数，就表示获取属性相应的值，传入参数，就表示设置属性。

jQuery对DOM树中的属性进行操作

attr(“属性名”)

attr(“属性名”,“属性值”) 获得/设置属性的值,一般都使用这个方法

prop(“属性名”)

prop(“属性名”,“属性值”) 获得/设置属性的值(checked，selected)，boolean类型的属性

removeAttr(“属性名”)

移除某一个属性

注：attr()方法可以获取和设置任意标签的任意属性,但是如果该属性是boolean类型，则使用prop()方法

什么时候使用prop()方法: 获取和设置属性值为boolean类型的属性
什么时候使用attr()方法: 获取和设置属性值不为boolean类型的属性

使用jQuery操作标签的css样式

addClass(类样式名)

给指定的对象添加新的类样式，指定类样式名字即可

removeClass(类样式名)

删除指定的类样式

jQuery添加标签

append(element)

添加到最后一个子元素后面，两者之间是父子关系

prepend(element)

添加到第一个子元素前面，两者之间是父子关系

before(element)

添加到当前元素的前面，两者之间是兄弟关系

after(element)

添加到当前元素的后面，两者之间是兄弟关系