JQ第一天

JQ作用：write less，do more

JQ使用步骤

	1. 引入库
	2. 入口函数（非必须，但推荐）
		1. 代码可以写在html上面
		2. 安全（每个入口都是独立）
	3. 加钱干活：调用API

JS基本使用

• 顶级对象$

1.  	jQuery对象别名
   

• jq对象与DOM对象

1.  	DOM是原生对象
    		转jq：加钱 $(原生DOM)
   

2.  	jq是加工对象（伪数组）
    		转原生
    			数组下标访问
    			jq对象.get(下标)
   

• jq选择器

1.  	基本选择器（CSS对应）
   

2.  	筛选选择器
    		:eq() 匹配指定兄弟元素
    		:even || :odd 匹配奇偶元素
    		:first || :last 匹配第一个或者最后一个（兄弟）
   

3.  	筛选方法
    		eq()：兄弟里面的第几个
    		parent()：父元素jq对象
    		find()：找后代元素
    		children()：子元素，可以筛选
    		prev() || next()：上下兄弟
    		siblings()：兄弟关系不包含自己
   

• jq样式操作

1.  	具体样式操作css()方法
    		单个操作
    			两个参数
    		多个操作
    			一个对象参数
   

2.  	类操作
    		addClass()添加类
    		removeClass()移除类
    		hasClass()判定是否存在
    		toggleClass()切换类
   

• jq效果

1.  	动画效果参数
    		参数1：速度，默认normal(400）
    		参数2：变化方式，默认曲线
    		参数3：回调函数，动画结束调用
   

2.  	显示与隐藏（默认没有动画效果）
    		show()显示
    		hide()隐藏
    		toggle()切换
   

3.  	滑入与滑出
    		slideDown()滑入
    		slideUp()滑出
    		slideToggle()切换
   

4.  	淡入与淡出
    		fadeIn()淡入
    		fadeOut()淡出
    		fadeTogge()切换