学习笔记（四）jQuery

基本知识

1. jQuery是什么：jQuery是一个JavaScript库，它通过封闭原生JavaScript函数得到一整套定义好的方法，jQuery对象是一个列表，可以包含很多，也可以包含一个元素，所有的DOM方法，jQuery对象都不能使用。
2. 在线手册：http://t.mb5u.com/jquery/
3. Visual Studio Code下载jQuery：
   设置淘宝镜像，可以令下载速度更快：npm config set registry https://registry.npm.taobao.org
   下载jQuery：npm i jquery@1
   下载完文件加载到编辑文件：<script src="./node_modules/jquery/dist/jquery.js">
   如加载有误，可以清除前面的缓存：npm cache verify
4. 主要功能有以下几点：
   像CSS那样访问和操作DOM
   修改CSS控制页面外观
   简化JavaScript代码操作
   事件处理更加容易
   各种动画效果使用方便
   让Ajax技术更加完美
   基于jQuery大量插件
   自行扩展功能插件
5. 代码风格
   在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来起始的。
   jQuery的代码模式是采用的连缀方式，可以不停的连续调用功能函数。
6. jQuery常用方法
   DOM转换为jQuery
   jQuery转换为DOM数组
   jQuery列表中提取DOM
   jQuery列表中提取某个形成新的jQuery对象
   $(“div”).html(""); 添加html
   $(“div”).text(""); 添加文本
   $(“div”).width(100); 设置div的行内样式width
   $(“div”).height(100); 设置div的行内样式width
   $(“div”).css(“color”,“red”); 设置div的行内样式
   $(“div”).on(“click”,clickHandler); 给所有div添加点击事件侦听
   $(“div”).off(“click”,clickHandler); 给所有div删除点击事件侦听