Jquery中文網 www.4271936.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 最簡單的jquery的起點教程Hello jQuery

最簡單的jquery的起點教程Hello jQuery

發布時間:2011-11-15   編輯:www.4271936.live
下載了jquery后不知道該如何使用?jquery的起點教程幫助你知道jquery是怎么用的,通過jquery的起點教程你可以對jquery的使用有一個初步的認識

這里是jquery的起點教程,為你的jquery學習打好基礎,jquery的使用很簡單,首先你要在你的代碼中載入jquery框架,我們使用最新的jquery 1.7框架,代碼來自google的jquery api

1、載入jquery框架 在head中插入以下代碼

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

2、編寫代碼,實現功能,我們以一個彈出提示框Hello jQuery作為例子來完成本次jquery的起點教程

<script type="text/javascript">
$(document).ready(function(){
   alert('Hello jQuery!');
})
</script>

3、這樣就實現了一個載入頁面后彈出”Hello jQuery!“提示的功能

$(document).ready(function(){
/*代碼從這里開始*/
})

    所有載入頁面后執行的代碼,都應該寫在這個function里面,它表明是當頁面載入完成之后執行的操作,你也可以使用它的簡化寫法

$(function(){
/*代碼從這里開始*/
})

4、你可以在這里修改運行代碼來加深學習效果

 

您可能感興趣的文章:
JQuery從頭學起第一講
比較簡單的jquery教程 Easy Ajax with jQuery 中文版全集第1/3頁
jQuery 練習[一] 學習jquery的準備工作
jquery 常用操作整理 基礎入門篇
Jquery 基礎學習筆記之文檔處理
jquery 入門教程 [翻譯] 推薦
ext jquery 簡單比較
使用jQuery簡化Ajax開發 Ajax開發入門
jQuery設計思想完整篇
JQuery團隊打造的javascript單元測試工具QUnit介紹

關鍵詞: jquery  jquery  教程  起點教程   
[關閉]
微信下载APP完成任务如何赚钱 快三玩法中奖介绍 2001年上证指数 湖南快乐十分怎么买才能赢 澳门十大赌场排名 宁夏11选五工具 重庆时时两期精准计划 中国中车股票行情 广西11选5任3万能码 陕西十一选五号码分布图 福建体22选5开奖结果