手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-20 19:04:38

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

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

2、创建你的工程名称 jQuery,点击Finsh

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

3、在webContent下边新建一个html

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

4、输入名称htlloWorld

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

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

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

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

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

7、打开html页面

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

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

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

9、输入如下代码

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

10、代码解释,$(function(){ }) 所有jQuery执行代码放在这里边。$("#btn_1").click(function(){ }) 是一个选择器,选中我们id为btn_1 当它被点击也就是click的时候触发function函数alert("hello world! 这是我的第一个jQuery 程序"); 一个简单的js弹框,输出内容填写完毕之后,在html页面中,右键 -- run as - run on server

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

11、注意你的服务器是否启动着,点击finsh

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

12、运行完成后的页面如下

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

13、点击按钮,弹出一个提示窗

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

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

© 手抄报圈