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对象中
  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.功能实现
*/
posted @ 2018-12-01 12:21 槿丶 阅读(...) 评论(...) 编辑 收藏