转自:http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html
常用的有三个插件支持jQuery的智能提示:
1.jQueryWTP
2.Spket
3.Aptana
在安装插件之前需要先安装eclipse,如果已经安装了eclipse,可以直接看下面的插件安装方法,本人使用的Fedora 12,操作如下:
1.直接打开”应用程序”-->”系统工具”-->”终端”
2.输入命令”su”,这个命令是临时切换到root用户
3.输入root用户的密码
4.输入命令”yum install eclipse”
5.安装成功后,就可以在”应用程序”-->”编程”-->”eclipse”,打开查看版本为eclipse 3.5.1,当然也可以直接下载安装,这里就不再细说了,安装完毕后就可以安装相关插件了.
以下分别介绍三个插件的安装方法:
一、jQueryWTP的安装方法(官方):
step1:download jqueryWTP_version.jar
step2:find you Eclipse Plugin org.eclipse.wst.javascript.ui_xxxxxxx.jar,backup the plugin.
step3:double click the jar file or run with command java -jar jqueryWTP.version.jar
step4:on the opened swing UI,choose org.eclipse.wst.javascript.ui_xxxxxxx.jar,and output dir.
step5:click generate button.
step6:replace old org.eclipse.wst.javascript.ui_xxxxxxx.jar file with the generated file.
step7:restart eclipse.
step8:open a html file,edit js content.
jQueryWTP插件项目的主页:http://www.langtags.com/jquerywtp/
但是下载完jqueryWTP0.31foCN.jar后,根据安装教程里都提到了一个plugin目录下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件,但是我的eclipse目录想压根就找不到这个文件,所以也要就不能使用jQueryWTP插件智能提示.
后来仔细查看jQueryWTP插件项目的主页,有这么一句话,Eclipse的WTP支持Javascript的代码补全功能,但是很简单,而且不支持jQuery,jQueryWTP的目的就是让Eclipse WTP支持jQuery,需要说明的是该插件对于MyEclipse等基于Eclipse WTP的工具也是支持的.
根据这句话可以猜想找不到plugin目录下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件的原因,可能是没有安装eclipse WTP插件,由于下面两种方法顺利安装并且支持jQuery智能提示,所以这里的猜想还没有经过验证.
二、Spket的安装方法(两种方式):
1.在线安装:Help->Install New Software...->Add...->Name: "Spket",
Location:http://www.spket.com/update/ 下载完毕重启Eclipse.
2.手动安装:到http://www.spket.com/download.html下载 Plugin 版本,当前版本为1.6.17.下载解压后直接放置于Eclipse的dropins目录下,重启Eclipse.
3.下载jQuery文件,(要下载开发版本).
4.设置spket ,Window -> Preferences -> Spket -> JavaScript Profiles -> New,输入“jQuery”点击OK; 选择“jQuery” 并点击“Add Library”然后在下拉条中选取“jQuery”; 选择 “jQuery”并点击“Add File”,然后选中你下载的jquery-1.3.2.js文件,该插件目前只支持到jQuery 1.3.2版本,1.4.2不支持,设成Default。
5.设置js打开方式(这一步很重要,不设置的话,也不会有jQuery的智能提示), Window -> Preferences ->General-> Editors-> File Associations-> 选择*.js,将Spket JavaScript Editor设为Default。
6.新建一个js文件,jQuery自动提示!!
三、Aptana的安装方法:
Aptana的安装相对比较简单,直接安装完毕就支持jQuery的智能提示,而且智能提示功能也比较强大,按照下面的安装就能使用,强烈建议初学者可以使用这种方法安装:
1.在线安装:Help->Install New Software...->Add...->Name: "Aptana",
Location:http://download.aptana.com/tools/studio/plugin/install/studio下载完毕重启Eclipse,Aptana插件安装成功,支持javascript智能提示功能,但还不支持jQuery智能提示,需要再安装支持jQuery智能提示的插件.
2.Window->My Studio打开Aptana的首页,单击首页上面的Plugins,选择Ajax下面的jQuery Support,单击Get It即可安装jQuery智能提示的插件
分享到:
相关推荐
通常,一个完整的jQuery插件会包含以下部分: 1. **jQuery库**:插件依赖jQuery运行,所以可能有一个`jquery.js`或`jquery.min.js`文件。 2. **插件主文件**:如`jquery.date.js`或`jquery.date.min.js`,这是插件...
jQuery的Cookie插件 cookies cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid...
1. **jQuery插件的原理**:jQuery插件是基于jQuery核心功能扩展的功能模块,通过$.fn.extend()方法,将新方法添加到jQuery对象的prototype上,使得所有jQuery选择器都能调用这些新方法。 2. **DOM操作**:jQuery...
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...
jquery 及其插件集合 包含 AddTxtToCaret:添加文本到光标位置 jquery.colorbox:完美的jquery弹出层支持图片播放 jquery.contextmenu.r2:jquery右键菜单 jquery.cookie:jquery Cookie操作 jquery.form:jquery...
《jQuery实现父元素大小改变插件:jQuery-resize深度解析》 在Web开发中,响应式设计已经成为一种标准,使得网站能够适应不同设备的屏幕尺寸。为了实现这一目标,开发者们常常需要监听元素的尺寸变化,以便在尺寸...
jQuery 插件,根据之前的转换来转换 HTML 元素。 有关更多信息,请参阅此博文 特征 使用 translate3d(和旋转 :))取决于之前的转换 使用跨浏览器前缀(-moz-、-webkit- 等) 用法 以下代码示例依次执行。 $('#...
DateTimePicker:jQuery日期和时间插件 http://www.jq22.com/jquery-info332 http://blog.csdn.net/linbounconstraint/article/details/50132061
资源名称:jquery插件特效 WORD版内容简介:本文档主要讲述的是jquery插件特效;jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。jQuery 是一个快速的,简洁...
2. **多媒体播放**:jQuery插件如`jQuery.media`和`jPlayer`提供了优雅的方式来处理视频和音频播放,支持多种格式,提供自定义的播放器皮肤和控制选项,使开发者能够创建互动性强的多媒体体验。 3. **DOM操作和事件...
**jQuery插件大全:打造网页交互新体验** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个"jQuery插件大全(内含Demo)"压缩包文件提供了丰富的...
首先,让我们了解如何在Dreamweaver中安装jQuery插件: 1. **下载jQuery库**:首先,你需要访问jQuery官方网站(https://jquery.com/)下载最新版本的jQuery库。通常,你会找到一个名为`jquery.js`或`jquery.min.js...
**知识点**: 易于集成到现有表单中的jQuery插件,提供自动补全功能,提高用户输入效率。 #### 4. FacebooklikeAutocomplete **知识点**: 类似于Facebook的AutoCompleter插件,基于jQuery开发,模仿社交网络的自动...
在这些框架中,可以通过以下方式使用jQuery插件: - 直接在生命周期钩子中调用jQuery插件。 - 使用`ref`或`v-ref`在Vue中获取DOM元素,然后手动调用jQuery插件。 - 在React中,可以使用`react-jquery`等库将jQuery...
7. **配置插件**:安装完成后,可能需要在Eclipse的首选项设置中配置插件,指定jQuery库的位置,以便插件能够正确识别和提供提示。 8. **使用插件**:一旦配置好,开发者就可以在编辑器中输入jQuery代码,享受代码...
以"jquery插件库-jquery抽奖插件"为例,这个插件可能包含一个旋转盘的HTML结构,结合CSS3的transform属性实现3D旋转效果。JavaScript部分则通过jQuery选择器获取元素,设置动画时间和旋转角度,然后绑定click事件,...
jquery.fireworks.js 插件描述:jquery-fireworks.js是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单,并可自由进行配置。它可以在一个div容器中生成逼真的燃放...