jQuery的一点学习总结-CSDN博客

本文链接：https://blog.csdn.net/sqqqwyfffff/article/details/120536081

首先，我们应该了解Query的来历：

jQuery由美国人John Resig于2006年初创建，至今已吸引了来自世界各地的众多javascript高手加入其team。
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需使用选择器查找即可。

其次我们需要知道jQuery的发展历史：

2006 年 8 月发布了 jQuery1.0，第一个稳定版本，具有对 CSS 选择符、事件处理和 Ajax 交互的支持
2013 年 1 月发布了 jQuery1.9，CSS 的多属性设置，增强了 CSS3。 2013 年 5 月发布了 jQuery1.10，增加了一些功能。
2013 年 4 月发布了 jQuery2.0，5 月发布了 jQuery2.0.2，一个重大更新版本，不再支持 IE6/7/8，体积更小，速度更快。
而目前的最新版本为：jquery-3.5.1

最后，我们要了解的是jQuery的特点;

轻量级：经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB
链式语法：$("p.surprise").addClass("ohmy").show("slow");
CSS 1-3 选择器：支持CSS选择器选定DOM对象
跨浏览器：支持Internet Explorer 6+、Opera 9+、Firefox 1.5+、Safari 2+
简单：较其它JS库更容易入门，中、英文档很齐全
易扩展： JQuery UI 、 JQuery FX –已经有很完善的基于JQuery的用户界面库和网页特效库

“写的更少，做的更多” 的轻量级 JavaScript 库。这就是jQuery产生的原因。

下面是我学习jQuery时的总结的一些知识点，仅供大家参考：

1. jQuery的入口函数与onload :

入口函数有两种方式 $(function(){}) 以及$(document).ready(function(){}) 它的特点就是可以重复执行多次，且文档加载完就执行。
onload 的方式为window.οnlοad=function(){} 它的特点就是会覆盖前面的onload，且得等到页面所有内容加载完毕后再执行，慢于入口函数。

2.js对象和jq对象的转换：

js->jq $("js对象")
jq->js $("")[下标] 或者 $("").get(下标)。

3.jQuery的显示与隐藏方法：

show（）显示；hide（）隐藏；toggle（）切换显示与隐藏；slideToggle（）滑动切换显示与隐藏；fadeToggle（）淡入淡出；fadeIn（）淡入；fadeOut（）淡出；fadeTo（）设置透明度；fadeIn（speed，fn）speed为执行速度 fn 为完毕后的回调函数

4.jQuery获取设置css的值：

                                                .css（name）获取css属性值；
                                                 .css（name，value）设置css的属性值；
                                                 .css（{name1：value1，name2：value2}）设置多个css属性值

5. attr 设置获取节点属性值：

.attr（name）获取节点属性值；
.attr（name，value）设置节点属性名；
.arrt（{name1：value1，name2：value2}设置多个结点属性值。

6.prop 设置过去节点的属性值：

                                                 .prop（name）获取节点属性值；
                                                .prop（name，value）设置节点属性名；
                                             .prop（{name1：value1，name2：value2} 设置多个结点属性值。

7.prop和attr区别：

a .attr 是获取节点的初始属性值
prop是获取节点的动态值；

b .attr设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上是不可见的。

8.jQuery动画：

stop（true，true） 1.停止队列动画 2.回到动画的最终状态。

9.jQuery事件：

click（）单击 ready（）准备完毕 hover（）鼠标移入移出。

10.jQuery文本与值：

    text（）设置或获取文本
   html（）设置获取html
   val（）设置获取表单的值

11.jQuery类的操作：

                                     addClass（）添加类；
                                   removeCLass（）移除类；
                                     toggleClass（）切换类。

12.jQuery选择器：

            a：基本选择器
                                *全部
                               tag 标签
                               . 类
                               # id
                               , 分组
          b：层次选择器
                                 空格后代
                                > 直接子元素
                               + 相邻
                                  ~ 后边的所有兄的
          c：基本过滤选择器：
                                ：first 第一个
                                :last 最后一个
                               :eq(n) 第n个
                               :lt(n) 大于n个
                                :odd() 奇数
                                :even() 偶数
                               :header 标题
                               :animated 动画
          d：内容过滤选择器
                                 ：contans（txt）包含
                               ：empty 空
                               ：has（）有
                               ：parent 父节点
         e：可见过滤
                               ：visible 显示的
                               ：hidden 隐藏的