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