首先,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元素關聯的東西並沒有加載完成。
學習還在進行中,慢慢的從基礎做起,總是會進步的。