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

来源:互联网 发布:淘宝婴儿衣服店哪家好 编辑:程序博客网 时间:2024/05/18 03:37

【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写一段简单弹出对话框程序 

<!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>

原创粉丝点击