JQuery學習筆記(一)

由於在項目中用到了jquery,但自己也不是對它很熟悉,所以開始學習Jquery,拿來一本---鋒利的Jquery,開始學習,並要在blog上記錄自己學習的過程。由於自己也是菜鳥,從基本學起,大蝦就笑笑而過吧。閒話少說,進入正題,哦也。

首先,http://jquery.com/ 到這裏來下載jquery.js的庫,所有核心都在這裏,哈哈
所有的程序都是從“Hello World”誕生的,我學習這個也不例外,還是從這裏開始。

下面開始寫
第一步:導入你下載好的jquery.js
<script type="text/javascript" src="lib/jquery.js"></script>


第二步:寫hello world
		<script type="text/javascript">
$(document).ready(function(){
alert("Hello World...");
});
$(function(){
alert("hello world...");
});
</script>

這兩種寫法是等價的,下面一種是簡寫 :D

這樣hello world就打印出來了

需要說明的是 
$(document).ready(function(){
....
});
這段代碼實際類似於window.onload方法
但是如果你這樣寫
<script type="text/javascript">
window.onload = function(){
alert("hello world...1");
};
window.onload = function(){
alert("hello world...2");
};
</script>
只會打印hello world...2


來看下window.onload 和 $(document).ready()的執行時機
window.onload:必須等待網頁中所有的內容加載完畢後(包括圖片)才能執行。
$(document).ready():網頁中所有DOM結構繪製完畢後就可以執行,可能DOM元素關聯的東西並沒有加載完成。

學習還在進行中,慢慢的從基礎做起,總是會進步的。
發佈了71 篇原創文章 · 獲贊 2 · 訪問量 3665
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章