1.jQuery介绍
1.1JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。
1.2常见的JavaScript 库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等,这些库都是对原生 JavaScript 的封装,内部都是用 JavaScript 实现的。
2. jQuery的概念
2.1jQuery 是一个快速、简洁的 JavaScript 库,jQuery 封装了 JavaScript 常用的功能代码,优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。
3. jQuery的优点
3.1轻量级,跨浏览器兼容,链式编程、隐式迭代,对事件、样式、动画支持,大大简化了DOM操作,支持插件扩展开发,免费、开源。
4.jQuery 的基本使用
4.1jQuery的下载,建议去官网直接下载,下载所需的版本
4.2引入jQuery文件,写入口函数
4.2.1常见有两种入口函数:
// 第一种: 简单易用。
$(function () {
...
}) ;
// 第二种: 繁琐,但是也可以实现
$(document).ready(function(){
...
});
4.3jQuery中的顶级对象$
4.4jQuery 对象和 DOM 对象转换
DOM对象转换成jQuery对象,方法只有一种
var box = document.getElementById('box'); // 获取DOM对象
var jQueryObject = $(box); // 把DOM对象转换为 jQuery 对象
jQuery 对象转换为 DOM 对象有两种方法:
1 jQuery对象[索引值]
var domObject1 = $('div')[0]
2 jQuery对象.get(索引值)
var domObject2 = $('div').get(0)