jQuery

jQuery

一，jQuery的基本操作

1.1 事件绑定

$(选择器).事件(function(){
	功能
});

注：可以采用链式写法为元素添加事件，但是不宜过多

1.2 页面加载

$(function(){

});

window.onload和$(function(){})的区别：
onload如果定义了多次，那么只有最后一次的定义会产生效果
$(function(){})可以定义多次，并且都会产生效果

1.3 控制样式

使用jquery对象调用css()方法即可。
jquery对象.css(参数1，参数2)：
	参数1：样式名
	参数2：样式值
	例如：
		将文字设置成红色：css("color","red")
		将文字加粗：css("font-weight","bold")
注：
1.css中多个单词连接的样式，在jquery中建议使用驼峰书写
	例如：css("fontWeight","bold")
2.多个样式的设置
	a.与事件绑定相同，可以采用链式写法
	b.格式：css({"样式名1":"样式值1","样式名2":"样式值2",...})

二，选择器

2.1 基本选择器

1.元素选择器
	$("标签名")
2.id选择器
	$("#id值")
3.类选择器
	$(".class值")
4.分组（并集）选择器
	$("选择器1，选择器2，...")
5.通配符选择器
	$("*")

2.2 层级选择器

1.子代选择器
	$("选择器1 > 选择器2")
2.后代选择器
	$("选择器1   选择器2")

2.3 属性选择器

1.属性名选择器
	$("[属性名]")	
2.属性选择器
	$("[属性名='值']")
3.复合属性选择器
	$("[属性名1='值1'][属性名2][]...")
	a.$("[属性名^='值']")：以指定内容开头
	b.$("[属性名$='值']")：以指定内容结尾
	c.$("[属性名!='值']")：属性值不为指定内容，以及没有该属性的标签
	d.$("属性名*='值'")：含有指定内容

2.4 过滤选择器

1.首元素选择器
	:first
2.尾元素选择器
	:last
3.非元素选择器
	：not(选择器)
4.奇数选择器
	:odd
5.偶数选择器
	:even
6.等于索引选择器
	:eq(index)
7.大于索引选择器
	:gt(index)
8.小于索引选择器
	:lt(index)

2.5 表单过滤选择器

1.可用元素选择器
	:enabled
2.不可用元素选择器
	:disabled

三，DOM操作

3.1 内容操作

1.html()：相当于js中的innerHTML，对元素的标签体内容进行设置获取
2.text()：相当于js中的innerText，对元素的标签体内的纯文本内容进行设置获取
3.val()：相当于js中的value，对元素的value属性进行设置获取

3.2 样式的操作

css()：可以对样式进行设置，也可以通过指定的样式名获取样式值
获取方式：css("样式名")