jQuery初入

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对象中
    2. 将到手的DOM元素封装进jQuery对象中
       • $(DOM元素)创建一个jQuery对象，保存DOM元素
  • jQueryAPI的三大特性
    1. 一个函数两用
       • 没有新值，默认执行获取操作
       • 给了新值，变为执行修改操作
       • 比如：.html()获取内容 / .html(xxx)修改内容为xxx
    2. 自带遍历：对jQuery对象调用一次简化版API，等效于对类数组对象中每个元素都调用一次API
    3. 几乎每个jQuery都返回正在使用的jQuery对象本身

入口函数

$(document).read(function(){
    
})

//简写
$(function(){
    
})

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