jquery的优点

jquery优点：
jQuery是一个快速，小型且功能丰富的JavaScript库。它使诸如HTML文档遍历和操作，事件处理之类的东西，动画和Ajax更简单，具有易于使用的API，可以跨多种浏览器，即结合了多功能性和可扩展性

jquery使用：
找到要操作的元素（jquery选择器），然后去操作它（例如添加属性，样式，文本）
例$(‘div’).width(100).height(100).css(‘backgroundColor’, ‘red’).text(‘哈哈’)（链式编程）

jquery版本：
1（兼容老浏览器例ie678，停止更新）
2（不兼容老浏览器，停止更新）
3（不兼容老浏览器，在更新）

jquery的入口函数：
① $(document).ready(function() { … }) ② $(function() { … })
与window.onload入口函数的区别：
① window.onload的入口函数不能写多个，而jqery的可以写多个
② jquery入口函数的执行时机要快于window.onload
jquery入口函数等待页面上dom树加载完后执行
window.onload要等待页面上所有资源（dom树，外部css，js链接，图片等）都加载完后才执行

jquery原理：
jquery.js中是一个自执行函数，通过window.jQuery = window.$ = jQuery给window对象添加jQery属性和$属性

$：$是一个函数
① 如果参数传递的是一个匿名函数 ——则是入口函数
② 如果参数传递的是一个字符串 ——则是选择器
③ 如果参数传递的是一个dom对象 ——则会把dom对象转换为jquery对象

jquery对象：
jquery对象是一个伪数组，本质是dom对象的一个包装集。即利用jquery选择器获取到的对象，只能调用jquery的方法或者属性，不能调用原生dom对象的属性或者方法

jquery对象和dom对象的相互转换：
① dom对象转换成jquery对象：let jquery对象 = ${dom对象}
② jquery对象转换成dom对象：
① 通过下标：jquery对象[ ]
② 通过jquery方法：jquery对象.get( )

jquery选择器：和css选择器用法一样

jquery获取和设置文本：text()
① 获取单个标签文本：会获取到这个标签中所有的文本，包括后代元素的文本
② 获取多个标签文本：会把所有的dom元素的文本都获取到
③ 设置单个标签文本：会覆盖原来的内容，且如果设置的文本中包含标签，是不会把标签解析出来
④ 设置多个标签文本：会把所有的dom元素的文本都设置上

jquery获取和设置样式：css()（是行内样式）
① 可以一次设置多个样式，例
$(‘div’).css({‘width’: ‘300px’, ‘height’: ‘300px’});
② 和text()类似，设置多个元素的时候会全部设置上，但获取多个的时候，只会返回第一个元素的值

jquery关于class类名操作：
① addClass()：添加类名
② removeClass()：移除类名
③ hasClass()：判断是否存在该类，返回boolean类型值
④ toggleClass()：切换类，如果有则移除该类，如果没有则添加该类