2013-06-22 164 views
1

我想学习jquery,但由于不同的jquery版本有点困惑。有人可以解释一下,如果Jquery是单个库或一组库或引用?我将尝试用C#做一个比喻。Jquery是单个库还是一组库?

假设我想使用XML功能,我会写

Using System.XML; 

假设我想使用LINQ的功能,我会写

Using System.Linq; 

我检查了jQuery的网站Link为什么我们要使用两个引用链接和css链接来使用任何函数?

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 

此外,为什么在这么多的例子中,相同的JQuery版本使用.min后缀?

+3

这里有2个图书馆。一个是jQuery,另一个是jQuery UI。 '.min'表示库的缩小版本。 – Antony

+0

具有.min后缀的库针对文件大小进行了优化。 – germi

回答

1

通常,当您使用JavaScript库时,您需要两个文件,一个是.js,这是javascript代码,另外还可以包含一个.css文件,其中包含用于格式化DOM元素的css格式规则。

在这个例子中,你发布你有四条线,这是因为你有2个库,在那里,一个是jQuery,和其他jQuery-ui,这是依赖于jQuery一个不同的库。

关于.min扩展,说明有问题的文件是库代码的最小版本,也就是说,它是正常的.js库文件,但使用空格去掉,变量名改为短,和其他优化为了获得文件大小很小的.js文件,所以下载和执行浏览器会更快。

+0

谢谢尼尔森你的回答解释了我想知道的。还有一件事是为什么在相同的网页中引用两次相同的查询,如'注意.min。这是为了性能或兼容性吗? –

+0

这似乎是错误的,它应该只是一个js文件,无论是正常版本还是缩小版本,但不是两者都是。 – Nelson

3

这是jQuery的:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

这是jQuery用户界面,它包含其他控件库像日期选择器等

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

这是jQuery的UI库的CSS文件。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 

因为jQuery UI为您提供了在页面上显示的小部件,所以需要给它一些外观。这就是为什么你需要CSS文件。你可以选择不同的CSS主题文件,给它其他的样子。

1

jQuery是一个名为单个库:

jquery<version>.js 

eg. jquery-1.10.1.min.js 

但也有许多扩展它。你甚至可以创建自己的jQuery插件,并根据你想使用的功能,你可以使用插件。你可以在这里找到所有的基本插件:

http://plugins.jquery.com/ 

但是为了使插件工作,你总是需要核心jquery文件。

相关问题