一、官方网站下载:http://jquery.com 二、引入JQuery文件库 下载完后不用安装,只需将文件导入页面中即可,即在<head></head>中加入如下代码:<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> 三、编写一个弹出对话框的简单应用。 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ //$是JQurey程序的标志 alert("您好,欢迎来到JQuery世界!");}) </script> </HEAD> <BODY> </BODY> </HTML> 效果图如: 四、JQuery基本结构为: 复制代码 代码如下: $(document).ready(function(){ //程序段 }) 类似于JavaScript代码:window.onload=function(){ //程序段 } 五、 复制代码 代码如下: $(document).ready(function(){ //程序段 }) 等价于 $(function(){ //程序段 })
推荐阅读
使用jquery读取html5 localstorage的值的方法
在HTML 5中,localstorage是个不错的东西,在支持localstorage的浏览器中, 能持久化用户表单的输入,即使关掉浏览器,下次重新打开浏览器访问,也能读出其值, 下面给出的例子是使用jquery 在每次表单加载的时候,>>>详细阅读
本文标题:JQuery入门—编写一个简单的JQuery应用案例
地址:http://www.17bianji.com/kaifa2/JS/22615.html
1/2 1