如何使用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,通过按钮触发一个提示信息

  • 多组tab菜单栏目切换
  • jquery怎么获取一个标签高度
  • php+mysql如何修改指定字段的内容
  • 助课宝怎么查答案
  • javap命令介绍
  • 热门搜索
    关于足球的手抄报 端午节手抄报模板 爱祖国手抄报简单漂亮 安全的手抄报 保护水资源手抄报 法律手抄报 中国梦手抄报图片 手抄报大全 五年级数学手抄报 关于文明礼仪的手抄报