JQuery入门—编写一个简单的JQuery应用案例

2019/6/29 22:47:03

编程Tag： jquery入门简单应用

本文主要是介绍JQuery入门—编写一个简单的JQuery应用案例，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、官方网站下载：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入门—编写一个简单的JQuery应用案例的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JQuery入门—编写一个简单的JQuery应用案例

相关编程文章