jQuery

Posted 2021-01-23 lychengx

what is jQuery?

jQuery is a fast, small, and feature-rich javascript library. It makes things like html document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScrip

jQuery是一个快速、小巧且功能丰富的JavaScript库。它使HTML文档的遍历和操作、事件处理、动画和Ajax等操作变得更加简单，并提供了一个易于使用的API，可以跨多种浏览器工作。jQuery集多功能性和可扩展性于一身，改变了数百万人编写JavaScrip的方式

什么是javascript库

把一些常用的方法写到一个单独的js文件，使用得当时候直接引用这个js文件就可以了

jQuery版本

官网下载地址https://jquery.com/。目前版本分为1.x，2.x，3.x

• 版本
• 1.x：支持旧浏览器（IE6、7、8）
• 2.x和3.x：不再支持旧浏览器
• 压缩版和未压缩版
• 未压缩版（jquery-xxx.js）
• 包括完整的注释，代码格式，见名知意的变量名
• 体积大，可读性好（适用于学习和开发）
• 压缩版（jquery-xxx.min.js）---专门工具生成
• 去掉所有的注释。空字符。极简化变量名
• 体积小，可读性差（适用于生产环境）
• 部署：2种
• 将js部署在本地
• 利用CDN网络
• 什么是CDN网络：在网络中的多台服务器，智能判断客户端到某台服务器的网络状况，选择最优服务器下载资源
• 为什么使用：避免距离带来的网络延迟
• 何时使用：在项目中用到了公共的库或框架
• 如何使用：官网->下载->CDN地址

jQuery类型

引入jquery.js时：其实是向全局·作用域中，添加了一个新的类型---jQuery

• 构造函数：负责创建jQuery类型的对象
• 必须先创建jQuery类型的对象，才能用jQuery
• 原型对象：保存jQuery类型的子对象，才能用简化版API
• 创建jQuery对象
• 什么是jQuery对象：封装DOM元素，并提供操作DOM元素的简化版API的类数组对象
• 为什么创建：DOM元素不是jQuery类型子对象，无法直接使用jQuery的简化版
• 何时创建：只要使用jQuery，必须先创建jQuery对象，封装DOM对象。才能使用jQuery简化版API
• 如何创建

1. 通过选择器，从无到有的查找DOM元素，创建jQuery对象

• 创建jQuery("selector")可进一步简化为：$("selector")
• 先查找符合”selector“的dom元素
• 将DOM元素装进新建的jQuery对象中

1. 将到手的DOM元素封装进jQuery对象中

• $(DOM元素)创建一个jQuery对象，保存DOM元素
• jQueryAPI的三大特性

1. 一个函数两用

• 没有新值，默认执行获取操作
• 给了新值，变为执行修改操作
• 比如：.html()获取内容 / .html(xxx)修改内容为xxx

1. 自带遍历：对jQuery对象调用一次简化版API，等效于对类数组对象中每个元素都调用一次API
2. 几乎每个jQuery都返回正在使用的jQuery对象本身

入口函数

$(document).read(function(){

})

//简写
$(function(){

})

//使用jquery三个步骤
/*
1.引入jquery
2.入口函数
3.功能实现
*/