jquery总结

9.26 jQuery
    基础单词
        toggle（切换）
        document（文档）
        load（加载）
        query（查询）
        ready（准备）
        get（获取）
    jq介绍
        1.dom操作方便
        2.链式写法
         3.动画便捷
        4.强大的ajax功能
        5.生态丰富（插件多）
    前端常用框架
        jQuery
        Vue:渐进式jacascript库
        React：构造用户界面的js库
        Angular：前端应用程序平台
    入口函数与onload
        入口
            $(function(){...})
            $(document).ready(function(){...})
            特点
                可以重复执行多次
                文档加载完就执行
        onload
            windows.οnlοad=function(){...}
            特点
                后面的onload会覆盖前面的onload
                需要等待页面所有内容加载完在执行
    js与jq互转
        JQ->js
            $("")[下标]
            $("").get(下标)
        js->JQ
            $(js对象)
    查文档
        1.千万千万不要背文档
        2.查到了要认真阅读
        api
            输入：参数
                [参数]可选
            过程：使用案例
            输出
                返回值
    显示与隐藏
        show() 显示
        hide() 隐藏
        toggle()切换显示与隐藏
        slideToggle()滑动切换显示与隐藏
            slideDown()滑动显示
            slideUp()滑动隐藏
        fadeToggle()淡入淡出切换
            fadeIn()淡入
            fadeOut()淡出
        fade To() 设置透明度
        fadein(speed,fn)
            speed 执行的速度
                normal 400hs
                fast 200hs
                slow 600hs
                直接写毫秒数
            fn 执行完以后的回调函数
    CSS 设置获取css
        .css(name) 获取css属性值
        .css(name,value) 设置css的属性值
            .css(name) 获取css属性值
        css({name1:value,name2:value2}) 设置多个css属性值
            .css(name) 获取css属性值
    attr 设置获取节点属性
        .attr(name) 获取节点属性值
        .attr(name,value) 设置节点的属性值
        attr({name1:value,name2:value2}) 设置多个节点属性值
    prop 设置获取节点属性
        .prop(name) 获取节点属性值
        .prop(name,value) 设置节点的属性值
        prop({name1:value,name2:value2}) 设置多个节点属性值
    prop和attr区别
        1.attr获取节点的初始属性值
prop是获取及诶单的动态值
        2.attr设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上不可见
    动画
        stop(true,true)
            1.停止队列动画
            2.回到动画的最终状态
    事件
        click() 单击
        ready() 准备完毕
        hover() 鼠标的移入移出
        change() 当表单支发生改变
    文本与值
        text()设置或获取文本
        html()设置获取html
        val()设置获取表单的值
            val是value的固定格式
    类的操作
        addClass()添加类
        removeClass()移除类
        toggleClass()切换类
        hasClass（） 用来检测
    选择器
        基本
            * 全部
            tag 标签
            . 类
            # ID
            , 分组
        层次
            空格 后代
            + 相邻
            > 直接子元素
            ~ 后兄弟
        基本过滤
            :first 第一个
            :last 最后一个
            :eq(n) 第n个
            :gt(n) 大于n个
            :it(n) 小于n个
            :odd 基数
            :even 偶数
            :header h标签
            :animated 动画
        内容过滤
            :contans(txt) 包含
            :empty 空
            has() 有
            :parent 父节点
        可见过滤
            :visible 显示的
            :hidden 隐藏
        属性过滤
        表单过滤
        nth-of-type
        nth-of-child
    自己总结
        prop 获取属性
            prop("checked") 获取被选中的属性
                返回true 或者false
            比如获取id 然后打印就是id的属性
        checked 获取被选中的状态
            选中是true
            没选中是false
        :checkbox 
            选中所有type等于复选框的input
        change 改变 
            自己试验和click差不多
        length
            长度
    自己总结2
        slideToggle
            滑动执行
        title
            鼠标放上去提示