Javascript库:是一个封装好方法和函数的特定的集合
jQuery :jQuery 是一个快速、简洁的 JavaScript 库
作用: 操作dom元素,提高效率
jQuery 的基本使用
jQuery 的下载
官网地址: https://jquery.com/
各个版本的下载:https://code.jquery.com/
版本: 1x 兼容IE678 , 2x 不兼容 IE678 ,都不再更新 , 现在用 3x
production : 生产环境, 线下环境(压缩,代码体积小)
development : 开发环境,测试环境(不压缩)
jQuery 的入口函数
$(function () {
// 此处是页面DOM加载完成的入口
});
$(document).ready(function(){
... // 此处是页面DOM加载完成的入口
});
注意点:
- 等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。
- 相当于原生 js 中的 DOMContentLoaded。
- 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。
jQuery 的 顶级对象$
$ 是 jQuery 的别称,在代码中可以使用 jQuery 代替 $,但一般为了方便,通常都直接使用 $
$ 是jQuery 的顶级对象, 相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象,就可以调用jQuery 的方法。
注意: jQuery 中 Q 要大写
jQuery 对象和 DOM 对象
- 用原生 JS 获取来的对象就是 DOM 对象
- jQuery 方法获取的元素就是 jQuery 对象。
- jQuery 对象本质是: 利用$对DOM 对象包装后产生的对象(伪数组形式存储)。
伪数组:有数组的长度,但是不可以使用数组的方法,如 push()
辨别是否为数组: Array.isArray($('div')) 返回 true 是真数组 , 返回 false就是数组
特别注意:只有 jQuery 对象才能使用 jQuery 方法,DOM 对象则使用原生的 JavaScirpt 方法