需要准备的材料分拿枣别有:电脑、html编辑器隐敏茄、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<head>标签,输入jquery引用代码:
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
3、浏览器运行index.html页面,此时发现jquery被成功引用灶察加入了网页。
jQuery的插件使用方法具体步骤如下:一、调用库文件
使用jQuery必须链接jQuery的库文件,无论是压缩版还是灶闹正常版,必须至少在网页中链接一个,如:
<script type="text/javascript" src="jquery.js"></script>
二、调用Jquery插件
应用做好的jQuery插件效果。
比如jQuery官网制作的插件jQuery,在使用它时不仅要链接库文件,还要链接UI文件以及UI的CSS文件,如:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
经过这几部的 *** 作,jQuery插件效果隐帆罩才能真正被引用到网页文件中起到作用。
Jquery是一个优秀轿并的Javascript库,还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。
要显示所有功能,只需要引入一下文件<scipt type="text/javascript" src="jquery-1.4.2.min.js"></script><!-- 引入jQUery库 -->
<scipt type="text/javascript" src="jquery-ui-1.8.11.custom.min.js"></script><!-- 引入jQUeryUI库 -->
<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.11.custom.css" /><!-- 引入jQUeryUI CSS 样式 -->
要实现单一功能比如你说的tab功能,可以引入下面内容
<scipt type="text/javascript" src="jquery-1.4.2.min.js"></script><!-- 引入jQUery库 -->
<scipt type="text/javascript" src="jquery.ui.core.js"></并冲洞script><!-- 引入jQUeryUI 核心库,所有功能必须引入 -->
<scipt type="text/javascript" src="jquery.ui.widget.js"></script><!-- 引入jQUeryUI Widget库,所有功能必须引入,个别可能不需要,不过建议引入 -->
<!-- 以下引入功能类库 -->
<scipt type="text/javascript" src="jquery.ui.tabs.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.ui.tabs.css" />
<!-- 以上是引入判猜功能类 -->
对于EasyUI,我不建议使用。现在EasyUI功能还不是很健全。浏览器兼容性很差。唯一一点让绝枯人称道的是EasyUI的DataGrid,不过也是功能不完善。jQueryUI,功能强大,不过你要想实现好的效果,需要你自己手动修改它的css,来重构漂亮的界面!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)