jQuery框架

一.jQuery是JavaScript框架——API（jQuery2不支持IE）

二.jQuery选择器：
1.基本选择器
（1）元素选择器：依据标签名定位元素
    $("标签名");
（2）类选择器：根据class属性定位元素
    $(".class属性名");
（3）id选择器：根据id属性定位元素
    $("#id");
（4）选择器组：定位一组选择器所对应的所有元素
    $("#id,.importent");


2.层次选择器
（1）在select1元素下，选子孙select2
    $("select1 select2")


（2）在select1元素下，选子元素select2
    $("select1>select2")


（3）选中select1元素的，选select2的下一个弟弟
    $("select1+select2")


（4）选中select1元素的，选select2的所有弟弟
    $("select1~select2")

3.过滤选择器
（1）基本过滤选择器
    :first——第一个元素，:last——最后一个元素,:not(selector)——除了selector之外
    :even——挑选偶数行，:odd——挑选奇数行，:eq(index)——下标等于index的元素,
    :gt(index)——下标大于index的元素,:lt(index)——下标小于index的元素,


（2）内容过滤选择器
    :contains(text)匹配包含给定文本的元素
    :empty匹配所有不包含子元素或文本的空元素


（3）可见性过滤选择器
    :hidden——匹配所有不可见元素
    :visible——匹配所有的可见元素


（4）属性过滤选择器
    [attribute]——匹配具有attribute属性的元素
    [attribute = value]——匹配属性等于value的元素
    [attribute != value]——匹配属性不等于value的元素


（5）状态过滤选择器
    :enabled——匹配可用的元素
    :disabled——匹配不可用的元素
    :checked——匹配选中的checkbox
    :selected——匹配选中的option


4.表单选择器
    :text——匹配文本框，:password——匹配密码框
    :radio——匹配单选框，:checkbox——匹配多选框
    :submit——匹配提交按钮，:reset——匹配重置按钮
    :button——匹配普通按钮，:file——匹配文件框
    :hidden——匹配隐藏框


三.jQuery操作DOM
1.读写节点
（1）读写节点内容：html(),text()
（2）读写节点的value属性值：val()
（3）读写节点的属性值：attr()


2.增删节点
var obj = $("节点内容");
parent.append(obj);——最后一个追加
parent.prepend(obj);——第一个追加
brother.after(obj);——兄弟之后追加
brother.before(obj);——兄弟之前追加
obj.remove()——删除节点，obj.remove(selector),obj.empty()——清空节点


3.样式操作
addClass("")——追加样式
removeClass("")——移除指定样式
removeClass()——移除所有样式
toggleClass("")——切换样式
hasClass("")——判断是否有某个样式
css("")——读取css的值
css("","")——设置多个样式


4.遍历节点
children()/children(selector)——直接子节点
next()/next(selector)——下一个兄弟节点
prev()/prev(selector)——上一个兄弟节点
siblings()/siblings(selector)——所有兄弟
find(selector)——查找满足选择器的所有后代
parent()——父节点


四.jQuery事件处理
bind('click',fn)
click(function(e){...})
e.target,e.pageX,e.pageY,e.stopPropagation()——可以取消事件冒泡
hover(mouseenter,mouseleave)——模拟光标悬停事件
toggle()——在多个事件响应中切换
trigger(事件类型),focus();


五.jQuery动画
show()/hide()显示、隐藏的动画效果slow,normal,fast或毫秒数
    可以传第二个参数（回调函数）——动画完成之后要执行的函数
slideDown()/slideUp()上下滑动式的动画实现
fadeIn()/fadeOut()淡入淡出式动画效果
animate(偏移位置，执行时间，回调函数)

字体放大案例demo1:

	
	
jQuery是一个优秀的js框架
	
它可以极大程度的简化js编程
	
它为我们提供了简洁而统一的API

jQuery对象demo2:

	
	
jQuery对象本质上就是DOM数组
	
jQuery对象才能调用jQuery方法
	
DOM对象才能调用DOM方法
	

		
		
		
	

选择器demo3:

	

		
北京
		
上海
		
广州
		
深圳
		
杭州
		
东莞
		
澳门
	
	
	

		账号:
	
	

		密码:
	
	

		性别:
		男
		女
	

读写节点demo4:

	
jQuery支持读写节点
	
jQuery支持增删节点
	

		
	
	

		
	

增删节点demo5:

	

		
		
		
	
	

		
北京
		
上海
		
广州
		
深圳
		
杭州
	

样式操作demo6:

	
jQuery对样式操作提供了很好的支持

遍历节点demo7:

	

		
北京
		
上海
		
广州
		
深圳
		
杭州
	

jQuery事件demo8:

合成事件demo9:

模拟事件demo10:

动画demo11: