JQuery入门―编写一个简单的JQuery应用案例
一、官方网站下载:http://jquery.com
二、引入JQuery文件库
下载完后不用安装,只需将文件导入页面中即可,即在<head></head>中加入如下代码:<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>
三、编写一个弹出对话框的简单应用。
效果图如:
四、JQuery基本结构为:
五、
二、引入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(){ //程序段 })
相关推荐
hhanbj 2020-11-17
81427005 2020-11-11
EdwardSiCong 2020-11-23
85477104 2020-11-17
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17