13-2jquery的下载与引入方式

13-2jquery的下载与引入方式

穆宝庙牌灵乐僵冯市涵浓堂隘


1.jQuery是一个js函数库,可以极大的简化js代码编写
2.jQuery本质上就是一个普通的js文件,只要下载导入到项目中即可
3.官网下载开发版本用于学习,项目上线后换成生成环境压缩版本
4.可以选择本地文件,也可以使用cdn在线版本,国内建议使用baidu静态资源库,访问速度快
5.jQuery中的大Boss是工厂函数$(),我们就从这个家伙开始jQuery学习之旅


jquery官网:http://jquery.com/

下载:

13-2jquery的下载与引入方式第1张

13-2jquery的下载与引入方式第2张

本站下载:

http://www.xuexianswer.com/yunpan/short.php?sid=xsV51


1.本地引入:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<h2>萌面人资料铺</h2>
<!--引入jquery-->
<script type="text/javascript"src="../jquery/jquery-3.3.1.js"></script>
<!--测试是否正确引入-->
<script type="text/javascript">
	$('h2').click(function(){
		alert('www.xuexianswer.com')
	})
</script>

执行:

13-2jquery的下载与引入方式第3张

提示,打开调试控制台可以查看资源是否成功加载:

13-2jquery的下载与引入方式第4张


2.cdn引入:

将src地址换为百度静态资源公共库或者其他的资源库即可


疟扣篱超逛糕沥胃赏疏摹怖辟