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

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

操作方法

  • 01

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

  • 02

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

  • 03

    3.在webContent下边新建一个html

  • 04

    4.输入名称htlloWorld

  • 05

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

  • 06

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

  • 07

    7.打开html页面

  • 08

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

  • 09

    9.输入如下代码

  • 10

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

  • 11

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

  • 12

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

  • 13

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

  • 14

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

(0)

相关推荐

  • 用Eclipse快捷键编写第一个Java程序HelloWorld

    用Eclipse使用快捷键编写第一个Java程序HelloWorld,并输出"hello Java world!":超棒,超好用! 操作方法 01 双击打开Eclispe 02 打 ...

  • 如何编写第一个python程序

    对于想要学学习python的同学来说,如何编写第一个python程序.本篇介绍. 编写python程序方法1 01 打开系统终端. 02 在命令行输入python3 ,输入python3表示用的pyt ...

  • 编写第一个Java程序:“Hello World”

    相信看到本篇的读者一定安装好了java,迫不及待的想要编写第一个程序. 可能有的读者会迷惑什么是hello world,会不会有难度.大可不必担心,这只是为了读者对java程序的编写有一个初步的了解. ...

  • 使用eclipse编写并运行jsp程序

    使用eclipse软件,编写并运行jsp程序 操作方法 01 点击File->New->Project,出现如图所示界面,选择Web->Dynamic Web Project,点击n ...

  • 一次只能运行一个安装程序实例怎么办

    在安装或者卸载office办公软件的时候,系统提示一次只能运行一个安装实例,这是因为电脑上行已经启动了一个安装程序,不能同时进行两次安装.对于这种情况,小编介绍下如何处理. 操作方法 01 安装off ...

  • 用 Visual Studio 2015 编写第一个 Windows程序

    编程是"入门容易精通难"(的确是这样,我就是很快入了门,却从来没有精通过哈哈),尤其是有了 Visual Studio 这种利器的帮助.下面,就跟随我一起看看,编写一个有模有样的 ...

  • 如何使用visual studio 2017编写一个C++程序

    这篇将会教大家如何编写一个简单的C++程序 操作方法 01 点击打开VS2017 02 依次点击菜单栏的 文件--新建--项目 03 依次选择选择[Visual C++]-[Win32]-[Win32 ...

  • Java Web的环境配置:[3]怎样创建一个JSP程序

    考拉在前面已经简单地说了Myeclipse以及Tomcat的安装.现在说一说Myeclipse上配置服务器,以及设置编码格式,从而来编写第一个JSP程序. 配置Tomcat服务器 01 第一步,在My ...

  • 怎样用eclipse写一个java程序?

    eclipse作为一个编写java程序的软件,它的可视化.功能强大受到许多用户的青睐.许多朋友刚接触eclipse,不仅要设置许多东西(如环境变量等等),好不容易设置完进入软件后却又是一头雾水.下面就 ...