jQuery的介绍和一些简单的标签使用方法

为方便书写，后面都会用jq代表jQuery

1.jq的介绍：jq是一种链式写法，它的特点就是DOM操作方便，动画便捷，拥有强大的ajax功能，生态资源比较丰富，简单来说就是写得少干得多，这就是jq

2.常用的框架：就前端来说比较常用的框架来说就是jQuery、Vue、React和Angular这几种，这里就是着重的说jQuery框架，这是一种比较基础的框架，且前几年中的王者，不过现在占得权重越来越低，前端人员更加倾向于Vue和React这两种，不过jQuery还是很重要的一种框架

3.怎么使用jq和怎么去书写：如果我们想要在js中使用jq，要先下载引用jq，才可以使用jq的方法，引用的方法如<script src="jquery-3.6.0.min.js"></script>这样，引用完之后就要写入口了，这样才算是真正的可以使用jq了

4.jq的入口函数与onload的特点和如何使用：
    入口有两种使用方法，这两种方法都可以建立入口
       1.    $(function(){.......})
       2.    $(docoumont).ready(dunction(){......})
         入口的特点
             可以重复多次
             文档加载完就执行（快）
    onload的使用方法
        window.onblad=function(){.......}
        onload的特点
             后面的onload会覆盖前面的onload
             需要等待页面所有内容加载完再执行

5.js与jq的互转
    jQ--->js
        $(" ")[下标]
        $(" ").get(下标)
    js--->jQ
        $(js对象)

6.jq的显示与隐藏
    show()显示
    hide()隐藏
    toggle()切换显示与隐藏
    sliceToggle()滑动切换显示与隐藏
    fadeToggle()淡入淡出
    fadeIn淡入
    fadeOut（）淡出
    fadeTo（）设置透明度
        fadeIn(speed,fn)
            speed执行的速度
                normal  400毫秒
                fast  200毫秒
                slow  600毫秒
                 数值  毫秒数
             function（）{}完毕后的回调函数

7.设置获取css
    .css(name)
获取css属性值
    .css(name,value)
设置css的属性值
    .css({name1:value1,name2:value2})
设置多个css属性值

8.使用attr设置获取节点属性
    .attr(name)
获取节点属性值
    .attr(name,value)
设置节点的属性值
    .attr({name1:value1,name2:value2})
设置多个节点属性值

9.prop设置获取节点属性
    .prop(name)
获取节点属性值
    .prop(name,value)
设置节点的属性值
    .prop({name1:value1,name2:value2})
设置多个节点属性值

10.prop和attr的区别
    1.attr获取节点的初始属性值
       prop是获取节点的动态值
    2.attr设置的属性值在dom节点是可见的
       prop设置的表单属性值在dom节点上不可见

11.动画
    stop（true，true）
第一个true代表停止队列动画
第二个true代表回到动画的最终状态

12.事件
  事件
    click( )
    单击
    ready( )
  准备完毕
    hover
   鼠标移入移出
    change
    改变事件

13.文本与值
      text()设置或获取文本
      html()设置获取html
      val()设置获取表单的值

14.类的操作
    addClass（）添加类
    removeClass（）移除类
    toggleClass（）切换类

15.选择器
    1.基本选择器
        * 全部
        tag  标签
        # id
        .类
        ,分组
    2.层次选择器
        空格 后代
        >直接子元素
        +相邻
        ~后兄弟
    3.基本过滤选择器
        :first
            第一个
        :last
            最后一个
        :eq()
            第n个
        :gt()
            大于n个
        :lt()
            小于n个
        :odd
            基数
        :even
            偶数
        :header
            h标签
        :animated
            动画
    4.内容过滤选择器
        :contans(txt)
            包含
        :empty
            空
        :has()
            有
        :parent
            父节点
    5.可见过滤选择器
        :visible
            显示的
        :hidden
            隐藏
    6.表单过滤选择器
        :input
            所有的input
        :text
            单行文本框
        :password
            密码框
        :radio
            单选框
        :checkbox
            复选框
        :submit
            提交按钮
        :image
            图像域
        :reset
            重置按钮
        :button
            所有按钮
        :file
            文件域
    7.nth-of-tpe( )选择器
        n
            子元素序号，从1开始，注意里面只能填写数字
        even
            偶数元素
        odd
            奇数元素
        formula
            使用特殊公式如(an + b)进行选择. 例如:nth-of-type(3n+2) 从第二个具此标签元素开始，匹配每个3的倍数的元素
   8. nth-child( )选择器
        index
            元素序号，从1开始