js中怎样运行jQuery程序

最新推荐文章于 2024-07-04 12:16:35 发布

金含

最新推荐文章于 2024-07-04 12:16:35 发布

阅读量311

点赞数

文章标签： javascript ViewUI

1.首先下载一个jQuery代码库：下载地址：http://pan.baidu.com/s/1skFg3Yd
2.下载之后解压，找到jquery.js，把这个jquery.js文件引入到js项目中去
3.接下来编写编写html程序和js程序即可
4.以下是一个html程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个jQuery</title>
    //注意，这src路径就是上面说的解压之后jquery.js文件放入js项目中的路径;
    <script src="jquery.js"></script>
    //导入js文件;
   <script type="text/javascript" src="frist.js"></script>
</head>
<body>
<input type="button" id="bt" value="Click">
</body>
</html>

5.以下是一个js程序

/**
 * Created by Administrator on 2016/5/19 0019.
 */
    //创建一个jQuery程序;
 $(document).ready(function(){
      $("#bt").click(function(){
          alert("我的第一个jQuery 程序");
      });
  })  ;

6.运行之后，点击Click，之后会在浏览器中弹出一个框(我的第一个jQuery程序)