JQuery入門—編寫一個(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>
三、編寫一個(gè)彈出對(duì)話框的簡(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(){
//程序段
})
類似于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>
三、編寫一個(gè)彈出對(duì)話框的簡(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(){
//程序段
})
類似于JavaScript代碼：window.onload=function(){
//程序段
}
五、
復(fù)制代碼 代碼如下:
$(document).ready(function(){
//程序段
})
等價(jià)于
$(function(){
//程序段
})
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了jQuery實(shí)現(xiàn)按比例縮放圖片的方法,涉及jQuery針對(duì)頁(yè)面元素的獲取、屬性運(yùn)算、設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
由于各個(gè)瀏覽器中原生事件對(duì)象的 差異性 ，多數(shù) JS庫(kù)/框架 都或多或少的對(duì)原生事件對(duì)象進(jìn)行了修復(fù)及包裝。2011-06-06
利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說(shuō)的彈出消息指的是在網(wǎng)頁(yè)右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫2014-01-01
BootStrap table表格插件自適應(yīng)固定表頭(超好用)
這篇文章主要介紹了BootStrap table表格插件自適應(yīng)固定表頭(超好用)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
Bootstrap+Jquery實(shí)現(xiàn)日歷效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap+Jquery實(shí)現(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jQuery實(shí)現(xiàn)凍結(jié)表頭的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)凍結(jié)表頭的方法,實(shí)例分析了jQuery擴(kuò)展方法的實(shí)現(xiàn)技巧及固定表格樣式的方法,需要的朋友可以參考下2015-03-03
jQuery 過(guò)濾方法filter()選擇具有特殊屬性的元素
需要選出所有有背景圖片的元素，使用jQuery的DOM過(guò)濾方法filter(),可以根據(jù)函數(shù)中表達(dá)的任何條件選擇元素,需要的朋友可以參考下2014-06-06
jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
單擊單元格選中，選中過(guò)程中使用方向鍵更換選中的單元格，選中過(guò)程中按回車鍵或者直接雙擊單元格進(jìn)入可編輯狀態(tài)，單元格失去焦點(diǎn)時(shí)保存修改的內(nèi)容2012-12-12![jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析](http://img.jbzj.com/images/xgimg/bcimg8.png)
jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析
這篇文章主要介紹了jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析的相關(guān)資料,需要的朋友可以參考下2016-10-10
jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
使用jquery的ajaxSubmit()異步上傳圖片的捅死實(shí)現(xiàn)保存表單數(shù)據(jù)，具體演示代碼如下,感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06