`
jy00314996
  • 浏览: 75725 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

学习jQuery笔记 前篇 开发环境配置

阅读更多

一.摘要

    本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.

   文章的大部分知识点来源于图灵出版社的"jQuery实战"一书. 相当与自己的学习笔记.

下面让我们开始jQuery之旅.

本篇文章是入门第一篇, 主要是简单介绍Eclipse下开发jQuery环境配置 ,这里主要用Spket插件

 

通过Eclipse自动更新从 http://www.spket.com/update/ 安装插件:

 

之后进行JQuery的配置:

1. 从JQuery.com下载开发用的Javascript文件,如下图,一定要选择红框里面的选项。

2. 配置Eclipse里面的Spket Javascript Profiles,如下图:

 

1) 从window->Preferences...进去

2) 如上图选择Spket -> Javascript Profiles

3) 点击New...输入JQuery建立新的profile

4) 点击Add Library,并选择JQuery,建立新的Library

5) 点击Add File, 选择刚下载的JQuery文件

6) 如果想让JQuery成为缺省的Javascript Profile,则点击Default。如果想跟我一样想让ExtJs成为缺省,而在特定项目中使用JQuery,则进行下面的步骤

 3. Project特定Javascript 选项。

从上图右上角选择 “Configure Project Specific Settings...”进行设置,在弹出对话框中选择项目名称,然后会弹出下面对话框:

 

 点选JQuery并使其成为Default即可。这时只有在这个项目中才使用JQuery为缺省Profile。

然后新建Js文件,就可以使用JQuery的代码提示功能了:

 

分享到:
评论

相关推荐

    jQuery笔记

    - **Eclipse**:通过安装 `jQueryWTP` 和 `Spket` 插件,可以让 Eclipse 成为一个支持 jQuery 的集成开发环境。 以上是对 jQuery 基础知识的介绍和总结,希望对你有所帮助。随着实践的深入,你会更加熟练地运用这些...

    韩顺平AJAX和jquery笔记整理

    安装JS开发插件如Aptana Studio,是一个集成开发环境(IDE),专门用于开发web应用程序,可以帮助开发者更高效地编写代码。快速入门案例是初学者了解和掌握基础技能的有效途径。 jQuery对象和DOM对象是不同的,它们...

    Eclipse 开发学习笔记第17章源码

    在本章"Eclipse开发学习笔记第17章源码"中,我们将深入探讨如何使用Eclipse集成开发环境(IDE)来构建一个实际的在线购物系统。这个实例将涵盖多个关键的IT知识点,包括软件工程的设计原则、Java编程、Web应用程序...

    DaNei云端笔记项目静态资源

    这个项目包含了所有必要的前期准备,因此开发者无需从零开始,可以直接进入环境搭建和编码阶段。对于想要提升自己在云服务和前端开发方面技能的人来说,这是一个非常理想的学习平台。 在云笔记应用中,静态资源通常...

    jQueryTest.zip

    "jQueryTest.zip"这个压缩包显然包含了与jQuery学习相关的资源,包括可能的工作示例、开发环境配置、空白模板以及笔记和准备工作。 1. **jQuery基础** - **选择器**: jQuery的核心功能之一是选择页面中的HTML元素...

    java基础学习笔记

    #### 二、Java环境配置基础知识 - **JDK (Java Development Kit)**:Java开发工具包,包含了Java编译器、Java运行时环境和其他开发工具。 - **JRE (Java Runtime Environment)**:Java运行时环境,包含了运行Java...

    韩顺平老师所有课程笔记

    在Linux方面,"一周入门Linux教程笔记--韩顺平.doc"提供了对Linux操作系统的快速学习路径,内容可能包括基本的命令行操作、文件系统管理、用户权限、进程控制以及系统服务配置等,是初学者迅速熟悉Linux环境的理想...

    java web学习笔记

    Java Web学习笔记是深入理解Web开发技术的重要参考资料,尤其对于初学者来说,它提供了一条系统学习的路径。这份笔记的作者在学习过程中积累了丰富的知识,并将其归纳整理,旨在帮助那些希望进入Java Web领域的...

    jquery.countdown.js自定义倒计时代码.zip

    本篇文章将详细介绍名为“jquery.countdown.js”的jQuery倒计时插件,并通过分析其代码结构和实际应用,帮助开发者理解并掌握这个插件的使用。 首先,`jquery.countdown.js`是一款基于jQuery的轻量级倒计时插件,它...

    EasyUI 学习笔记

    ### JavaScript 和 jQuery 知识点 #### JavaScript 对象 ...以上是EasyUI的学习笔记,详细介绍了JavaScript和jQuery的基础知识,EasyUI框架的优势、如何学习和使用EasyUI以及搭建开发环境的具体步骤。

    jquery中ajax学习笔记3

    在前两节学习笔记中,已经介绍了使用jQuery封装的AJAX来接收文本数据以及原生XMLHttpRequest对象来接收XML格式数据。本节的焦点是展示使用jQuery封装的AJAX同样可以处理XML响应数据,并且代码结构与处理文本响应并无...

    JavaEE学习实战笔记心得

    - **环境配置**: - **JDK下载与安装**:确保下载与操作系统相匹配的JDK版本,完成安装。 - **环境变量设置**: - **JAVA_HOME**: 指向JDK的安装目录。 - **CLASSPATH**: 包含JDK的类库路径,如`lib`目录下的`...

    easyUI笔记

    2. **配置环境**:解压下载的文件,并将其包含到项目中。确保引入必要的 CSS 文件和 JavaScript 文件。 3. **示例代码**: ```html <!DOCTYPE html> <title>jQuery EasyUI 示例 ...

    Java JDK 7学习笔记(国内第一本Java 7,前期版本累计销量5万册)

    基本信息 作者: 林信良 ...a.1 项目环境配置 554 a.2 打开案例 554 appendixb mysql入门 557 b.1 安装、设定mysql 558 b.2 mysql的数据类型 560 b.3 建立数据库、数据表 561 b.4 进行crud操作 562

    pangpang ---java开发笔记20100628

    综上所述,《Pangpang的Java开发笔记20100628》是Java开发者的一份宝贵资源,它全面覆盖了从开发环境到框架应用的各个环节,对于初学者和经验丰富的开发者来说,都是提升技能的好材料。通过深入学习这份笔记,我们...

    jQuery刻度尺风格横向时间轴插件timeline.zip

    《jQuery刻度尺风格横向时间轴插件timeline详解》 在网页设计中,时间轴是一种常见且有效的展示信息的...通过深入研究其代码和资源,开发者不仅可以快速集成此插件,还能从中学习到jQuery插件开发的基本思路和技巧。

    JavaScript 学习笔记集和代码库

    这个“JavaScript学习笔记集和代码库”涵盖了该语言的基础知识、进阶技巧以及实用示例,对于想要深入理解和掌握JavaScript的初学者或有经验的开发者来说,都是一个宝贵的资源。 首先,让我们来讨论JavaScript的基础...

    jQuery Mask Plugin输入框内容格式化插件.zip

    通过查看和分析这个文件,你可以学习如何在HTML文档中引入jQuery和Mask插件,以及如何配置和应用插件到不同的输入元素。 4. **css**:这个文件夹可能包含了与插件相关的CSS样式文件。这些样式可能用于美化插件的...

    javaWeb学习笔记

    JavaWeb学习笔记涵盖了多个核心JavaWeb开发的主题,包括基础理论、实战项目以及一些关键技术的应用。以下是对这些知识点的详细说明: 1. **Java基础知识**:JavaWeb开发的基础始于对Java语言的理解,包括语法、面向...

Global site tag (gtag.js) - Google Analytics