2021-09-28

    jq
        
            jq介绍
                 dom操作翻遍
                链式写法
                动画快捷
                强大的ajax功能
                生态丰富（插件多)
            前端常用框架
                jQuery
                vue:渐进式JavaScript库
                react：构造用户界面的js库
                angular：前端应用程序平台
            入口函数与onload
                入口
                    $(function(){....})
                    $(document).ready（function(){.....})
                    特点
                        可以重复执行多次
                        文档加载完就执行（快）
                onload
                    window.οnlοad=function(){......}
                    特点
                        后面的哦那load会覆盖前面的onload
                        需要等待页面所有内容加载完成
            js与jq互转
                JQ->js
                    $("")[下标]
                    $("").get(下标)
                $(js对象)
        查文档
            不要背文档
            查到文档要阅读
            api
                输入：参数——[参数]可选
                过程:使用案例
                输出
                    返回值
        显示与隐藏
            show（）显示
            hide（）隐藏
            toggle()切换显示与隐藏
            sliceToggle（）滑动切换显示与隐藏
            fadeToggle()淡入淡出
            fadeTo（）设置透明度
            fade(speed,fn)
                speed
执行的速度
                    slow600毫秒
normal 400毫秒
fast200毫秒
                完毕后的回调函数
        事件
            click（）单击
            ready（）准备完毕
        文本与值
            text（）设置或获取文本
            html（）设置获取html
            val（）设置获取表单的值
        类的操作
            addClass()添加类
            removeClass()移除类
            toggleClass()切换类
        选择器
            基本
                *全部
tag标签
.类
# id
，分组
            层次
                空格后代选择器
>直接子元素
+相邻
~之后所有兄弟
            基本过滤
                ：first 第一个
：last 最后一个
:eq(n)第n个
：gt(n)大于n个
: lt（n）小于n个
：odd 基数
：even 偶数
：header h标签
:animaated 动画
            内容过滤
                :parent
            可见过滤
            表单过滤
            nth-of-type
            nth-of-child
        动画
            stop(true,true)停止队列动画 回到动画的最终状态
  jq
    
        jq介绍
             dom操作翻遍
            链式写法
            动画快捷
            强大的ajax功能
            生态丰富（插件多)
        前端常用框架
            jQuery
            vue:渐进式JavaScript库
            react：构造用户界面的js库
            angular：前端应用程序平台
        入口函数与onload
            入口
                $(function(){....})
                $(document).ready（function(){.....})
                特点
                    可以重复执行多次
                    文档加载完就执行（快）
            onload
                window.οnlοad=function(){......}
                特点
                    后面的哦那load会覆盖前面的onload
                    需要等待页面所有内容加载完成
        js与jq互转
            JQ->js
                $("")[下标]
                $("").get(下标)
            $(js对象)
    查文档
        不要背文档
        查到文档要阅读
        api
            输入：参数——[参数]可选
            过程:使用案例
            输出
                返回值
    显示与隐藏
        show（）显示
        hide（）隐藏
        toggle()切换显示与隐藏
        sliceToggle（）滑动切换显示与隐藏
        fadeToggle()淡入淡出
        fadeTo（）设置透明度
        fade(speed,fn)
            speed
执行的速度
                slow600毫秒
normal 400毫秒
fast200毫秒
            完毕后的回调函数
    事件
        click（）单击
        ready（）准备完毕
    文本与值
        text（）设置或获取文本
        html（）设置获取html
        val（）设置获取表单的值
    类的操作
        addClass()添加类
        removeClass()移除类
        toggleClass()切换类
    选择器
        基本
            *全部
tag标签
.类
# id
，分组
        层次
            空格后代选择器
>直接子元素
+相邻
~之后所有兄弟
        基本过滤
            ：first 第一个
：last 最后一个
:eq(n)第n个
：gt(n)大于n个
: lt（n）小于n个
：odd 基数
：even 偶数
：header h标签
:animaated 动画
        内容过滤
            :parent
        可见过滤
        表单过滤
        nth-of-type
        nth-of-child
    动画
        stop(true,true)停止队列动画 回到动画的最终状态
    css设置获取css
        css（name）
获取
        css(name,value)
设置css的属性值
        css({name1,value,name2,value})
设置多个css属性值
    attr设置获取节点属性
        attr（name)
获取节点的属性值
        .attr(name,value）
获取节点的属性值
        attr（{name1:value,name2:value})
设置多个节点的属性值
    prop和attr区别
        1attr获取节点的初始属性值
prop是获取节点的动态值
        2attract设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上不可见
    事件
        click()
单击
        reday（）
准备完毕
        hover（）
鼠标移除一次
        change()
当表单发生变化