此demo将指导您如何创建一个新的jQuery的项目,并获得与您的编码开始使用jQuery库的记录由Aptana提供。
- Access your projects.访问您的项目。
- Click the Project tab to view your Aptana projects.单击项目选项卡查看您的Aptana项目。
- Create a new jQuery project.创建一个新的jQuery的项目。
- From the Aptana File menu, select New > Project...从Aptana 文件菜单,选择新建 “> 项目...
The New Project wizard opens. 新建项目向导。 - On the New Project wizard, expand the Aptana Projects folder and select General Web Project .在新建项目向导中,展开Aptana项目文件夹并选择一般的Web项目 。
- Click the Next button.单击下一步按钮。
- In the Project name: field, type a name for your new project.在项目名称:字段中,键入新项目的名称。
- Click the Next button.单击下一步按钮。
- From the Select Ajax Libraries list, check the box next to jQuery .从选择Ajax库列表中,勾选扩展到 jQuery。 Click Next .单击下一步 。
- On the Jaxer Support screen, click the Select All button if you want to automatically add Jaxer support to the project.在Jaxer支持屏幕上,单击全选按钮,如果你想自动添加Jaxer为了支持这个项目。 Click Next .单击下一步 。
- On the HTML Preview settings page, configure any special HTML preview settings for your project.在HTML预览设置页,配置任何特殊的HTML预览为您的项目设置。 Click Next .单击下一步 。
- Click the Finish button.点击完成按钮。
Aptana creates a new jQuery project, which includes a lib folder for the jQuery library, a new jQuery-linked HTML template file named jquery_sample.htm , and a new Code Assist Profile. Aptana创建一个新的jQuery的项目,其中包括一对jQuery库,一个新的jQuery的lib文件夹挂HTML模板文件名为jquery_sample.htm,一个新的代码辅助资料。
Open the jquery_sample.htm file in the HTML Editor by double-clicking on it.打开通过双击上按一下,在HTML编辑器jquery_sample.htm文件。 Because jquery_sample.htm is now the active file, your jQuery profile now becomes the active Profile in the Code Assist Profiles View.因为jquery_sample.htm现在是积极的文件,您的jQuery的文件现已成为在代码辅助配置文件察看活动配置。
- From the Aptana File menu, select New > Project...从Aptana 文件菜单,选择新建 “> 项目...
- Explore the jQuery project.探索了jQuery项目。
- Just below the open jquery_sample.htm file in the Editor, click the Preview tab.下方,在编辑器,单击预览选项卡打开jquery_sample.htm文件。
Aptana displays a preview of the Local Links example from jQuery. Aptana显示了本地连结从jQuery的例子预览。 - Click the Source tab to return to the source view of jquery_sample.htm .单击源选项卡返回的jquery_sample.htm源视图。
- In the Project View, expand your project folder to view the files in your jQuery project.在项目视图中,展开您的项目文件夹,以查看您的jQuery的项目中的文件。
- In the Code Assist Profiles View, expand the jquery_sample.htm project folder to view the documented JQuery library files.在代码辅助配置文件察看,展开jquery_sample.htm项目文件夹以查看文件jQuery库文件。 <p>These are the files that will be available to you in Code Assist. <p>这些都是文件将在代码辅助你。
- Just below the open jquery_sample.htm file in the Editor, click the Preview tab.下方,在编辑器,单击预览选项卡打开jquery_sample.htm文件。
- Preview Code Assist.预览代码辅助。
- In your jquery_sample.js file, just inside of the
$(document).ready(function(){...});
function, add the following line:$("p")
.在您的jquery_sample.js文件,只是里面的$(document).ready(function(){...});
函数,添加下面一行$("p")
- While entering that selector you should have seen documentation come up for how to use the
$
function.尽管进入该选择你应该看到的文件来如何使用$
功能了。 - Now insert your cursor just after "
$("p")
" and type.ad
and press ctrl+space .现在,插入仅次于$("p")
并输入您的光标.ad
和按Ctrl +空格 。
Code Assist displays a list of jQuery functions that begin with the letters "ad" (eg add, addClass, etc).代码辅助显示一个jQuery函数列表字母开头的“广告”(如添加,addClass,等)。 Use Code Assist to help you code.使用代码辅助,以帮助您的代码。
- In your jquery_sample.js file, just inside of the
- Start coding.开始编码。
- As you type, notice that Code Assist is now active for the jQuery objects and functions that you use.当您输入,请注意,代码辅助目前正积极为jQuery对象和功能,您使用。
- Press ctrl+space at any time to activate Code Assist. 按 Ctrl +在任何时间空间来激活代码辅助。