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

 时间:2026-02-12 10:38:31

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

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

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

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

3、3.在webContent下边新建一个html

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

4、4.输入名称htlloWorld

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

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

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

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

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

7、7.打开html页面

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

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

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

9、9.输入如下代码

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

10、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、11.注意你的服务器是否启动着,点击finsh

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

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

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

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

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

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

  • 多组tab菜单栏目切换
  • jquery怎么获取一个标签高度
  • php+mysql如何修改指定字段的内容
  • 助课宝怎么查答案
  • javap命令介绍
  • 热门搜索
    recognize什么意思 运动会200米广播稿 香茶菜的功效与作用 景物描写的作用 少先队员的知识 党团知识 什么是套期保值 嘴角开裂用什么药 一本和二本有什么区别 什么牌子的电视机好