jQuery概述和jQuery的基本使用

jQuery概述

javascript库
javascript库是一个封装好特定的集合(方法和函数).从封装了一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate、hidden、show，比如获取元素等。

简单理解：就是一个js文件，里面对我们的原生js代码进行了封装，存放到里面 ，我们就可以快捷高效的使用这些封装好的功能了。

jQuery 就是常见的JavaScript库中的一种，内部都是用JavaScript实现的。

jQuery概念

jQuery 是一个快速简介的JavaScript库，设计宗旨是“write less，do more”。
jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计、和Ajax交互。
学习jQuery本质就是：学习调用这些函数（方法）。
jQuery的出现加快了前端人员的开发速度，可以非常方便的调用和使用它，提高开发效率。

jQuery优点

• 轻量级，核心文件小，不影响页面加载速度。
• 跨浏览器兼容，基本兼容了主流浏览器。
• 链式编程、隐式迭代
• 对事件、样式、动画 支持，简化了DOM操作
• 支持插件扩展开发。有丰富的第三方插件
• 免费，开源。

jQuery的基本使用

官网：https://jquery.com
复制或者下载js文件，在项目中引入文件。

jQuery 的入口函数

// 方法一:
			$(function(){
				// 页面DOM加载完成的入口
			});
//方法二:
			$(document).ready(function(){
				// 页面DOM加载完成的入口
			});

• 等DOM结构渲染完成后即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装。
• 相当于原生js中的DOM contentLoaded
• 不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片全部加载完毕才执行内部代码。

jQuery 的顶级对象
1、$是 jQuery的别称。
2、$也是jQuery的顶级对象

jQuery 对象和DOM对象
1、用原生js获取来的对象就是DOM对象。

var myDiv =document.querySelector('div'); //myDiv是DOM对象

2、用jQuery获取来的对象就是jQuery对象，本质：通过$把DOM元素进行了包装

$('div'); //是一个jQuery对象

3、jQuery对象只能使用jQuery方法，DOM对象只能使用原生JavaScript 属性和方法。

jQuery 对象和DOM对象相互转换

1、DOM对象转换为jQuery 对象
$（DOM对象），不用加引号。

2、jQuery 对象转换为DOM对象

$(‘div’)[index] //index 是索引号
$(‘div’).get(index) //index 是索引号