jQuery的官网:http://jquery.com/
我们可以看到官网有一句话,是什么呢,不错,就是这句话:write less,do more翻译过来即为写得少,做的多。
那什么是JQuery呢?
jQuery是一个快速,小巧,功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单。通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式。
JQuery对js的原生代码封装其实就类似于java的类里面封装了很多方法一样
JQuery的使用步骤:
1、下载JQuery函数库
下载地址:https://code.jquery.com/jquery-3.4.1.min.js
新建一个js文件,将上述页面的内容复制到这个js文件中,就是一个jquery文件
2、jquery只是js的一个函数库,要使用里面的函数还需要在其他js文件中进行调用
3、将JQuery文件拷贝到项目中
将jquery的js和index.js导入一个html中
定义index.js文件
//原生的js加载事件
window.onload=function(){
alert("111");
}
使用jquery的加载事件
第一种写法
$(document).ready(function(){
alert("加载完html后立即执行的代码");
})
第二种写法
$(function(){
alert("加载完html后立即执行的代码");
})
第三种写法
jQuery(document).ready(function($){
alert("加载完html后立即执行的代码");
})