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

JavaScript05

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})