jQuery是什么
概念: 一个JavaScript框架。简化JS开发
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
JavaScript框架,本质上就是一些js文件,封装了js的原生代码而已
快速入门
我们需要引入jquery文件。可以去jquery官网 下载。需要注意的是,在引入jquery文件时,要放在其他引入的js文件的上面。
目前jQuery有三个大版本:
1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,
功能不再新增。因此一般项目来说,使用1.x版本就可以了,
最终版本:1.12.4 (2016年5月20日)
2.x:不兼容ie678,很少有人使用,官方只做BUG维护,
功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,
最终版本:2.2.4 (2016年5月20日)
3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,
一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。
jquery-xxx.js 版与 jquery-xxx.min.js 版区别:
1. jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
2. jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。程序加载更快
导入
<script src="jquery-3.3.1.min.js"></script>
jQuery中的$符号
其实jQuery中的$就是一个函数,这个函数根据传入参数的不同,进行不同的调用,实现不同的功能。返回的是jQuery对象。一般我们使用$()函数来获取页面上的元素。
$(document).ready(function(){}); // 调用入口函数
$(function(){}); // 调用入口函数
$(“#div1”) // 获取id属性为div1的元素
$(“