jquery基础

今天说一下jQuery
定义：
Do more write Less
写的的少 做的多

j：js
Query 查询

jQuery 是js的方法库

版本特点：
1.x支持所有的浏览器兼容
2 .x 不在支持ie6 7 8
3.x最新版本

特点:
选择方便、动画-内置方法方便、ajax 强大、链式语法好用、插件多广-全、60%网站使用jQuery

入口函数

    $（function（）{ }）

onload 和ready方法区别：
1.ready先执行
2.ready可以执行多次

js与jq的转换：
js>jQ ("xx").get(数字) $（“xx”）(数字)

jQ选择器:

$("css选择器")
$("#name")id选择器
$(".name")class选择器
$("tagname")标签选择器

jQ获取/设置内容
方法（）获取
方法（内容）设置
text（）获取/设置内容
html（）获取/设置html内容
val（）获取/设置表单内容

jQ事件响应

事件名（匿名回调函数）
.click（function（）{  }）
mouseover（）
change（）

显示隐藏

show   hide    toggle
  显示     隐藏    切换显示与隐藏
fadeln   fadeOut   fadeToggle
    淡入       淡出       切换淡入与淡出
slideDown    slideOut    slideToggle
       划入          划出           切换划入划出

css方法
获取

    css（属性）

设置

css(属性名，属性值)
css（{
    属性名1：属性值1，
    属性名2：属性值2
 }）

class方法

添加  addClass（“类名”）
      不要加点
移除  removeClass（“类名”）
切换   toggleClass（“类名”）

事件
on: 添加事件

    on("事件名",函数)
    on("事件名","选择器",函数):   给未来的元素添加事件

off: 移除事件

    off("事件名"):  移除所有该事件类型
    off(type,fun):  单独移除某个类型的某个函数

on
one(type,fun):值执行一次
bind: 绑定事件
unbind: 解除事件
trigger: 手动触发事件
trigger（type）
hover: 合成事件（mouseover，mouseout)

    hover（fun）
            mouseover 会执行fun
            mouseout  也会执行fun
    hover（overHd，outHd）

animate: 自定义动画

    animate（{动画属性：值}，时间，回调函数）

stop（）: 停止动画
stop（true，true）
1 停止队列动画
2 回到动画最终状态
delay（time）: 延迟执行
append（）追加
remove（）移除
wow插件
1引用

        <link href="xxx/animate.css">
        <script src="wow.js">

2. 初始化插件

        new WOW().init()

3. 修改html

        需要添加动画的元素: wow slideInLeft
        data-wow-duration="1s"  : 动画的持续时间
        data-wow-delay=“0.5s” :同一垂直高度的元素动画会同时进行   
        延迟执行动画
        data-wow-iteration=“10”:  动画执行的次数
        data-wow-offset=“100”  :元素距离浏览器底部 多少开始执行动画