(序章)认识jQuery与配置jQuery环境

【jQuery是什么】

jQuery是继prototype之后又一个优秀的JavaScript框架,它是轻量的js库(压缩后只有21K),它是兼容各种浏览器。jQuery使用户能更方便的处理事件。

实现动画效果,并且方便的为网站提供AJAX交互。

【jQuery简介】

     jQuer由美国人John Resig 创建,jQuery的宗旨是------"WRITE LESS,DO MORE",也就是写更少的代码,做更多的事情。jQuery能够使用户的HTML页保持代码和

Html内容分离,也就说,不用再在HTML里面插入一堆JavaScript来调用命令。

【jQuery的优势】

1:轻量                                       2:强大的选择器  

3:DOM操作完美的封装         4:完善的AJAX

5:出色的浏览器兼容性           6:链式操作方式

7:行为层与结构层分离            8:丰富的插件支持

                                                                                                                                                                                               ---摘自“javaScript+jQuery从入门到精通”

配置jQuery

  登陆jQuery的官方网站 http://jquery.com/,下载最新版本的jQuery 文件,点击“Download”下载;jQuery不需要安装操作,只需要将jQuery放在网站的公共

位置,想在某个页面上使用jQuery时,只要在相关的文档中引入该库文件即可。

下载页面如下图


(序章)认识jQuery与配置jQuery环境_第1张图片


使用jQuery写一段简单弹出对话框程序 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">		<!—HTML版本号-->
<html>
   <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
       <title>实例1</title>
        <!--Query库的引用 -->
       <script src="jquery-1.8.2.min.js" type="text/javascript"></script>	\
       <script type="text/javascript">$(document).ready(function(){		
        <!-- jQuery代码--> 
           alert("jQuery的第一个实例");<!--弹出一个提示框--> 
        })</script>
    </head>
    <body>
    </body>
</html>

你可能感兴趣的:((序章)认识jQuery与配置jQuery环境)