jQuery 基础(共3天课程) DAY1

前言
javascript库
概念：是一个封装好的待定的集合（方法和函数）。

学习jQuery的本质，就是学调用这些函数或方法

开始学习jQuery
特点：链式编程，隐式迭代

一.入口函数的了解：
常用：$(function(){
})
注：相当于原生js的DOMContentLoaded，等到DOM结构渲染完成之后，就可以执行内部代码。

二.顶级对象
jQuery的顶级对象是可以用它本身代替，也就是jQuery或者’$’

三jQuery对象和DOM对象的转换
1.DOM对象转为jQuery对象：
$(dom)

2.jQuery对象转为DOM对象
①$("div")[0]②$(“div”).get[0]

三.jQuery选择器
1.基础选择器
id，全选，类，标签，并集，交集选择器等
2.层级选择器

子代，后代选择器

3.筛选选择器
用法~描述
$(“li:first”) 获取第一个li
$(“li:last”) 获取最后一个li
$(“li:eq(index)”) 获取索引号的li，索引号从0开始
$(“li:odd”) 获取li中奇数个
$(“li:even”) 获取li中偶数个

四.jQuery筛选方法
父子关系的
$().parent() 获取父元素
$().children() 如果里面不放参数，那么获取的是所有的亲儿子，如果里面参数，获取的是指定的亲儿子（选择器）
$().find() 如果里面不放参数，获取的是所有的子孙后代，如果有参数，那么获取的是指定的子孙后代（选择器）
兄弟关系
$().siblings() 如果没有参数，那么获取的是所有的兄弟元素（不包含自身），如果放参数，获取的是指定的兄弟元素（选择器）
根据索引来获取对应的元素
$().eq()根据索引号来获取对于的元素通过$().index()来获取对于的索引值

五.jQuery样式
链式编程
特点： 方法的返回值绝对是一个jquery的对象
注意： 当前方法调用了之后，返回的是哪个对象
行内样式修改
$().css()
参数只放一个key 代表是获取对应的属性值 $().css(‘width’)
参数放两个值， key value， key代表是属性名，value代表是属性值 $().css(‘width’,‘200’)
如果想设置多个属性 $().css({
width: 200,
height: 200
})
类样式修改
$().addClass() 添加类名
$().removeClass() 移除类名
$().toggleClass() 切换类名

六.jQuery效果
基础显示隐藏
$().show() 显示
$().hide() 隐藏
$().toggle() 切换
参数：动画执行时间，运动曲线，动画结束后的回调
滑入滑出
$().slideDown() 滑出
$().slideUp() 划入
$().slideToggle() 切换
参数：动画执行时间，运动曲线，动画结束后的回调
淡入淡出
$().fadeIn() 淡入
$().fadeOut() 淡出
$().fadeToggle() 切换
$().fadeTo(执行时间，目标透明度值) 淡化到指定透明度
参数：动画执行时间，运动曲线，动画结束后的回调
自定义动画
animate(执行动画的属性，动画执行时间，运动曲线，动画结束后的回调)
第一个不能省略，而且第一个参数必须要传递对象
由于用户快速切换的时候，会形成动画队列，所以我们需要通过 stop()来停止之前的动画