JQuery详解-JQuery入门环境的配置

　　JQuery是一个优秀的javascript库，凭借简洁的语法和跨平台的兼容性，极大的简化了JavaScript开发人员的工作。

      JQuery的入门介绍：

　　1、JQuery库类型说明：

JQuery的库类型分为两种，分别是jQuery 1.x、jQuery 2.x,jQuery 1.x是推荐使用的，具有主要的功能。 jQuery 2.x和jQuery 1.x具有相当的接口，但是不支持Internet Explorer 6, 7, or 8.

      2、获取JQuery的最新版本

登录jquery的官方网站(www.jquery.com），下载最新的JQuery库文件。

　　3、JQuery的环境配置

Jquery不需要安装，只需要把下载的库文件放到网站项目里，想要在某个网页使用JQuery，只需要在相关的HTML文档中引入JQuery 的库文件就可以。

<head>
 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript">
  //代码
 </script>
</head>

　　4、编写简单的JQuery代码功能当点击P节点的时候输出HelloWorld

<html>
<head>
 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
   $("button").click(function(){
   alert("hello world!");
   });
 });
 </script>
</head>

<body>
<button>Click me1</button>
</body>
</html>

posted on 2015-07-10 09:18  iamrenpeng  阅读(1067)  评论(0)  编辑  收藏  举报

导航