jQuery 的學習筆記-1:jQuery 的載入

RojerChen.2012.01.05

jQuery 這個東西我記得我在 /* 程式碼無所不在,與生活環環相CODE */ VS2010產品上市發表會那個時候就有聽過了,只不過一直以來我在工作上比較少開發網頁,所以對於 jQuery 這個 javascript framework 一直沒有去熟悉如何使用,直到最近案子上的需要才開始接觸到。

使用 jQuery 到現在也快一個多月,雖然程式能跑不過卻不是很知其所以然來,所以還是需要看書、看文章來練習一下基本功,就先就從 Hello jQuery 開始吧!



※Hello jQuery

//點選超連結後,就會跳出hello jQuery訊息視窗 
<script src="Js/jquery-1.8.3.js" type="text/javascript"></script>
<script Lang='javascript'>
    $(document).ready(function () {
        $("a").click( function(){
            alert('hello jQuery');
            }); 
    });     
</script>
<body>
<a href=#>Hello world</a>

※jQuery 的載入
 //這樣寫
$(document).ready(function () {
    ...
});

//也可以這樣寫
$(function() {  
    ...
});

在 jQuery 的語法中,$ 這個符號是告訴瀏覽器這個是 jQuery
 //所以這樣寫
$('#id').hide);

//和這樣寫一樣
jQuery('#id').hide);

    Blogger Comment

0 意見: