如何使用eclipse编写第一个jQuery程序实例

首先在eclipse中新建动态网站程序
创建你的工程名称 jQuery，点击Finsh
在webContent下边新建一个html
输入名称htlloWorld
同样的右键新建一个file，取名js以放置用到的js文件
把使用到的jQuery文件放入js文件夹中，这里使用的是1.8的版本
打开html页面
首先引入jQuery文件，并在代码中添加一个button
输入如下代码

代码解释，
$(function(){ }) 所有jQuery执行代码放在这里边。
$("#btn_1").click(function(){ }) 是一个选择器，选中我们id为btn_1 当它被点击也就是click的时候触发function函数
alert("hello world! 这是我的第一个jQuery 程序"); 一个简单的js弹框，输出内容
填写完毕之后，在html页面中，右键 -- run as - run on server
注意你的服务器是否启动着，点击finsh
运行
.点击按钮，弹出一个提示窗
这就是一个最简单的jQuery，通过按钮触发一个提示信息

首先在eclipse中新建动态网站程序

创建你的工程名称 jQuery，点击Finsh

在webContent下边新建一个html

输入名称htlloWorld

同样的右键新建一个file，取名js以放置用到的js文件

把使用到的jQuery文件放入js文件夹中，这里使用的是1.8的版本

打开html页面

首先引入jQuery文件，并在代码中添加一个button

输入如下代码

代码解释，

$(function(){ }) 所有jQuery执行代码放在这里边。

$("#btn_1").click(function(){ }) 是一个选择器，选中我们id为btn_1 当它被点击也就是click的时候触发function函数

alert("hello world! 这是我的第一个jQuery 程序"); 一个简单的js弹框，输出内容

填写完毕之后，在html页面中，右键 -- run as - run on server

注意你的服务器是否启动着，点击finsh

运行

.点击按钮，弹出一个提示窗

这就是一个最简单的jQuery，通过按钮触发一个提示信息

jquery不需要安装，只需要在页面中引入jquery的js文件就能够使用。
举例：

jQuery的引用方式和其他的外部js文件一样，没什么区别。如下





js文件在scripts文件夹下