jQuery总结

jQuery
    基本单词
        query 查询
        load 加载
        ready 准备
        document 文档
        toggle 切换
            slideToggle 滑动切换
        get 获取
        prop 兄弟
        prev 上一个
        append 追加
        wrap 包装
        remove 删除
        after 之后
        before 之前
        offset 偏移
        postion 位置
        scroll 滚动
        inner 内部
        outer 外部
    jQ介绍
        1.dom操作方便
        2.链式写法
        3.动画便捷
        4.强大的ajax功能
        5.生态丰富（插件多）
    前端常用框架
        jQuery
        Vue
            渐进式javascript库
        React
            构造用户页面的js库
        Angular
            前端应用程序平台
    入口函数与onload
        入口
            $(function(){

})
            $(document).ready(function(){

})
            特点
                可以重复执行多次
                文档加载完就执行
        window.οnlοad=function(){

}
        特点
            后面的onload会覆盖前面的onload
            需要等待页面所有内容加载完再执行
    js与jQ互转
        jQ->js
            $('')[下标]
            $('').get[下标]
        js->jQ
            $('js对象')
    查文档
        1.千万千万千万千万不要背文档
        2.查到了要认证阅读
        api
            输入：参数
                [参数]可选
            过程：使用案例
            输出
                返回值
    显示与隐藏
        show() 显示
        hede() 隐藏
        toggle() 切换显示与隐藏
        slideToggle() 滑动先换显示与隐藏
        slideDown 滑动显示
        slideUp 滑动隐藏
        fadeToggle() 淡入淡出
        fadeIn
            淡入
        fadeOut
            淡出
        fadeTo()
            设置透明度
        fadeIn(speed,fn)
            speed 执行的速度
                fast 200毫秒
                normat 400毫秒
                slow 600毫秒
                毫秒数
            fn 完毕后回调的函数
    css
设置获取css
        .css(name) 获取css属性值
        .css(name,value) 设置css的属性值
        .css({name1：value1,name2：value2}) 设置多个属性值
    attr
设置获取节点属性
        .attr(name) 获取节点属性值
        .attr(name,value) 设置节点属性值
        .attr({name1：value1,name2：value2}) 设置多个节点属性值
    prop
设置获取节点的属性
        .prop(name) 获取节点属性值
        .prop(name,value) 设置节点属性值
        .prop({name1：value1,name2：value2}) 设置多个节点属性值
    prop和attr的区别
        1.attr获取节点的初始属性值
prop是获取节点的动态值
        2.attr设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上不可见
    动画
        stop(ture,ture)
            stop(停止队列动画,回到动画的最终状态)
    事件
        click() 单击
        ready() 准备完毕
        hover()移入移出
        change() 元素的值发生改变
    文本与值
        text() 设置或获取文本
        html() 设置获取html
        val() 设置获取表单的值
    类的操作
        addClass() 添加类
        removeClass() 移除类
        toggleClass() 切换类
    选择器
        基本
            * 全部
            tag 标签
            . 类
            # id
            , 分组
        层次
            空格 后代
            > 直接子元素
            + 相邻
            ~ 后全部兄弟
        基本过滤
            :first
                第一个
            :last
                最后一个
            :eq(n)
                第n个
                    :eq('+x+')
            :gt(n)
                大于n个
            :lt(n)
                小于n个
            :odd
                奇数
            :even
                偶数
            :header
                h标签
            :animared
                动画
        内容过滤
            :contans(txt)
                包含
            :empty
                空
            :has()
                有
            :parent
                父节点
        可见过滤
            :visble
                显示的
            :hidden
                隐藏
        属性过滤
        表单过滤
        nth-of-type
        nth-of-child