JQuery入門(mén)—編寫(xiě)一個(gè)簡(jiǎn)單的JQuery應(yīng)用案例
更新時(shí)間：2013年01月03日 15:44:46 作者：
首先引入JQuery文件庫(kù)只需將文件導(dǎo)入頁(yè)面中即可，即在<head></head>中，接下來(lái)詳細(xì)介紹，感興趣的朋友可以了解下
一、官方網(wǎng)站下載：http://jquery.com
二、引入JQuery文件庫(kù)
下載完后不用安裝，只需將文件導(dǎo)入頁(yè)面中即可，即在<head></head>中加入如下代碼：<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>
三、編寫(xiě)一個(gè)彈出對(duì)話(huà)框的簡(jiǎn)單應(yīng)用。
<!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程序的標(biāo)志
alert("您好，歡迎來(lái)到JQuery世界!");})
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
效果圖如：
四、JQuery基本結(jié)構(gòu)為：
$(document).ready(function(){
//程序段
})
類(lèi)似于JavaScript代碼：window.onload=function(){
//程序段
}
五、
$(document).ready(function(){
//程序段
})
等價(jià)于
$(function(){
//程序段
})
二、引入JQuery文件庫(kù)
下載完后不用安裝，只需將文件導(dǎo)入頁(yè)面中即可，即在<head></head>中加入如下代碼：<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>
三、編寫(xiě)一個(gè)彈出對(duì)話(huà)框的簡(jiǎn)單應(yīng)用。
復(fù)制代碼 代碼如下:
<!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程序的標(biāo)志
alert("您好，歡迎來(lái)到JQuery世界!");})
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
效果圖如：
四、JQuery基本結(jié)構(gòu)為：
復(fù)制代碼 代碼如下:
$(document).ready(function(){
//程序段
})
類(lèi)似于JavaScript代碼：window.onload=function(){
//程序段
}
五、
復(fù)制代碼 代碼如下:
$(document).ready(function(){
//程序段
})
等價(jià)于
$(function(){
//程序段
})
您可能感興趣的文章:
- jquery validate.js表單驗(yàn)證的基本用法入門(mén)
- jQuery LigerUI 使用教程入門(mén)篇
- jquery Mobile入門(mén)—多頁(yè)面切換示例學(xué)習(xí)
- jquery Mobile入門(mén)—外部鏈接切換示例代碼
- JQuery入門(mén)——事件切換之toggle()方法應(yīng)用介紹
- JQuery入門(mén)——事件切換之hover()方法應(yīng)用介紹
- JQuery入門(mén)——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
- jquery入門(mén)必備的基本認(rèn)識(shí)及實(shí)例(整理)
- jQuery的幾個(gè)我們必須了解的特點(diǎn)
相關(guān)文章
類(lèi)似天貓商品詳情隨瀏覽器移動(dòng)的示例代碼
當(dāng)瀏覽器移動(dòng)到某個(gè)指定位置時(shí)，該圖層上浮，然后加入一個(gè)樣式，讓該div層定位于瀏覽器頂部,需要的朋友可以參考下2014-02-02
jQuery簡(jiǎn)單實(shí)現(xiàn)圖片預(yù)加載
我們?cè)谧鼍W(wǎng)站的時(shí)候經(jīng)常會(huì)遇到這樣的問(wèn)題：一個(gè)頁(yè)面有大量的圖片導(dǎo)致頁(yè)面加載速度緩慢，經(jīng)常會(huì)出現(xiàn)一個(gè)白頁(yè)用戶(hù)體驗(yàn)很不好。那么如何解決這個(gè)問(wèn)題呢？下面我來(lái)介紹一種在實(shí)際應(yīng)用中經(jīng)常會(huì)使用到的js預(yù)加載的方法。2015-04-04
JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
下面小編就為大家?guī)?lái)一篇JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
一個(gè)圖片切換效果，胡亂寫(xiě)了一下。貌似doctype到了html4.01下面樣式有點(diǎn)問(wèn)題。2010-07-07
這篇文章介紹了使用Jquery操作Cookies的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
jquery 構(gòu)造函數(shù)在表單提交過(guò)程中修改數(shù)據(jù)
這篇文章主要介紹了jquery 構(gòu)造函數(shù)在表單提交過(guò)程中修改數(shù)據(jù)的方法，十分簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-05-05
那篇文章是一篇入門(mén)教程，從設(shè)計(jì)思想的角度，講解"怎么使用jQuery"。今天的文章則是更進(jìn)一步，講解"如何用好jQuery"。2011-08-08
jquery實(shí)現(xiàn)在光標(biāo)位置插入內(nèi)容的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)在光標(biāo)位置插入內(nèi)容的方法,涉及jQuery功能的擴(kuò)展技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
淺談jQuery中的$.extend方法來(lái)擴(kuò)展JSON對(duì)象
下面小編就為大家?guī)?lái)一篇淺談jQuery中的$.extend方法來(lái)擴(kuò)展JSON對(duì)象。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
這篇文章主要介紹了jQuery彈出層插件popShow用法,結(jié)合實(shí)例形式分析了jQuery彈出層插件popShow的具體功能、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01