jquery-ui.js和jquery.autoccomplete.js的区别

JavaScript012

jquery-ui.js和jquery.autoccomplete.js的区别,第1张

主要区别是:  

 (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。  

 (2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。  

 (3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。jQuery UI是jQuery插件,只不过专指由jQuery官方维护的UI方向的插件。

到下面的地址下载一份完整的jqueryui开发包zip文件,然后解压缩后,里面的development-bundle\ui目录下就会看到所有的jquery.ui.*.js文件,其中就有你说的 jquery.ui.position.js和jquery.ui.dialog.js文件。 

一般开发的时候,把下面的js文件引入就可以了。

<script type="text/javascript" src="ui/jquery.ui.core.js"></script>

<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>

<script type="text/javascript" src="ui/jquery.ui.mouse.js"></script>

<script type="text/javascript" src="ui/jquery.ui.button.js"></script>

<script type="text/javascript" src="ui/jquery.ui.draggable.js"></script>

<script type="text/javascript" src="ui/jquery.ui.position.js"></script>

<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>

<p>

<iframe id="listStatisType" width="100%" frameborder="0" src="" scrolling="no"></iframe>

</p>

</div>

</div>

<script type="text/javascript" src="<%=path%>/js/layer-v1.8.5/layer/layer.min.js"></script>

<script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script>

<script type="text/javascript">

var index = 0

$(function() {

//判断激活哪个标签

if($('#index').val()){

index = parseInt($('#index').val())

}

//设置为激活状态

var tabs = $("#tabs").tabs({active:index})