JQuery.js 是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目。
JQuery.min.js是由完整版的jQuery库经过压缩得来,如变量的名称基本都写成一个字母,而且格式缩进都被删除了,压缩后功能与未压缩的完全一样。所以文件容量比较小(min),一般在网页中使用这个文件。
那么,JQuery.js与JQuery.min.js引入到网页后的有什么区别呢?它们能不能同时引入呢?下面我们来试一试看。
测试网页:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<script src="jquery-3.6.0.js"></script>
</head>
<body>
</body>
</html>
将网页放到服务器上,并用浏览器打开对应的网址,然后再开发者工具console上输入 $
看看输出:
ƒ ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
// Need init if jQuery is called (just allow error to be thrown if not included)
return new jQuery.fn.init( selector, context );
下面换为压缩版的jquery-3.6.0.min.js来测试,输出:
ƒ (e,t){return new S.fn.init(e,t)}
注意:不同的JQuery版本输出可能不同。
从$
的输出来看,未压缩版和压缩版的是不一样的函数,所以两者不能同时引入。
网友评论