10月6日 jQuery 学习资源是博客园的系列文章http://kb.cnblogs.com/page/46450/
知识点
jQuery是一套Javascript脚本库。 脚本框 ，帮助我们解决脚本的引用管理和功能管理
MVC是框架。 脚本库 ，帮助我们完成编码逻辑,实现业务功能.
启用Eclipse 对jQuery的智能感知：安装Aptana插件
Aptana Studio 是一款强大的 web 2.0 集成开发环境（IDE）。其最广为人知的是它非常强悍的JavaScript编辑器和调试器。
在eclipse上安装Aptana插件
1.下载安装包：Aptana update
2. 在Eclipse_Home里面新建两个文件夹，分别是：aptana和links.
3. 在aptana文件中新建文件夹eclipse,把前面下载的安装包解压到刚建立的eclipse文件夹中。里面包含：plugins,features两个文件夹和一个xml文件
4.在links文件夹中新建文本文件：aptana.link,文本内容就是：path=Eclipse_Home/aptana (比如我的就是：path=/opt/eclipse/aptana).
5.这样就安装好了。重启Eclipse.选择 Window->Open Perspective->Other，选择 Aptana 并单击 OK。如果出现 Aptana 透视图，就说明安装已经完成了。
2. 默认编辑器的配置
Aptana安装完成了,还需要修改首选项preferences把相关格式文件的默认编辑器设置成Aptana.即,菜单
2. 在Eclipse_Home里面新建两个文件夹，分别是：aptana和links.
3. 在aptana文件中新建文件夹eclipse,把前面下载的安装包解压到刚建立的eclipse文件夹中。里面包含：plugins,features两个文件夹和一个xml文件
4.在links文件夹中新建文本文件：aptana.link,文本内容就是：path=Eclipse_Home/aptana (比如我的就是：path=/opt/eclipse/aptana).
5.这样就安装好了。重启Eclipse.选择 Window->Open Perspective->Other，选择 Aptana 并单击 OK。如果出现 Aptana 透视图，就说明安装已经完成了。
2. 默认编辑器的配置
Aptana安装完成了,还需要修改首选项preferences把相关格式文件的默认编辑器设置成Aptana.即,菜单
Window?Preferences?General?Etitors?Fill Associations, 然后,在右边选择你想要默认用Aptana编辑的文件格式,然后再选择下面的Aptana插件,并Default为默认.
代码
效果图
创建路径jslib,导入jquery库
HelloJquery.html的代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Hello World jQuery!</title>
<script type="text/javascript" src="jslib/jquery-1.10.2.js"></script>
</head>
<body>
<div id="divMsg">Hello World!</div>
<input id="btnShow" type="button" value="显示" />
<input id="btnHide" type="button" value="隐藏" /><br />
<input id="btnChange" type="button" value="修改内容为 Hello World, too!" />
<script type="text/javascript" >
$("#btnShow").bind("click", function(event) { $("#divMsg").show(); });
$("#btnHide").bind("click", function(event) { $("#divMsg").hide(); });
$("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); });
</script>
</body>
</html>
使用的函数：
(1) jQuery的Id选择器: $("#btnShow")
(2) 事件绑定函数 bind()
(3) 显示和隐藏函数. show()和hide()
(4) 修改元素内部html的函数html()
扫一扫
288
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
