jquery.min.js与jquery.js有啥区别

Posted 2023-05-15

“jquery.min.js”和“jquery.js”的区别是：1、jquery的不同的下载方式。2、文件名不完全相同。

详情：

一、区别：

1、jquery.min.js：是由完整版的jQuery库经过压缩得来，压缩后功能与未压缩的完全一样，只是将其中的空白字符、注释、空行等与逻辑无关的内容删除，并进行一些优化。

2、jquery.js：是完整的未压缩的jQuery库，文件比较大。

二、应用：

1、jquery.min.js：这个版本一般用于网站引用使用，减小文件体积，降低网站流量，提升访问速度等。

2、jquery.js：一般用于阅读学习源码或修改源码，一般不用于线上项目。

三、关于jQuery：

1、jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

2、由于目前高校基本尚未开javascript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

3、用jq的前提,首先要引用一个有jq的文件。

4、lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

5、这个是jquery官方最新的地址。可用在自己网站里加个这个，就能使用jquery了。 但仍然建议下载到本地服务器上。

jQuery是一套跨浏览器的JavaScript库，简化html与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

参考技术A min是压缩版，去除了注释和空格，主要是生产环境中使用，不带min是带有注释和空格的，方便阅读源码本回答被提问者和网友采纳

jquery

jq是js 写的插件库，就是一个js文件

jq能实现的都可以用js实现，

引入jq

<script src = "https://www.bootcdn.cn/jquery/3.3.1/jquery.js"></script>  //前端的网站 https://www.bootcdn.cn 引入jq可以使用  /jquery.js 和/jquery.min.js 两个版本

引入成功验证

<script>

　　$(function(){  //如果引入成功，函数能够执行成功    //如果前端报错  $ is not defined 那么一般都是jquery没有引入，或者引入没有生效

　　　　alert(1);

　　});

</script>

jquery中文网站  http://jquery.cuishifeng.cn  不过已经很久没有更新了，如果写出来的效果不太一样可以再去jq官网看一下

http://api.jquery.com 官网

再jq中 $就代表 jQuery

jq里面可以传字符串，选择器。尖括号标签的形式，函数，object

 

//var oBox = document.querySelector("#box");  js语法  获取值

//oBox.innerHTML ="aaa";   js语法  修改内容

jq语法

var $box = $("#box");   //box是id  获取标签之间的值

console.log($box);

修改标签内容

$box.html("3333");

var $div = $("div");

$div.html("555");    js里面必须用下标，jq不需要

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

var $li = $("ul li");

$li.html(333);  然后所有的li标签里面的值都编程333

 

###jq和js互相转换

js转换成jq

var oBox = document.querySelector("#box");  //这是一个js对象

$(oBox).html("5555");  jq可以传递对象，这里js就转换成了jq