快速JQuery——（第一章）第一個JQuery

1.JQuery：http://docs.jquery.com/Downloading_jQuery

2.http://code.jquery.com/jquery-1.4.2.min.js  壓縮開發版

  http://code.jquery.com/jquery-1.4.2.js 自學調試版  （先都下載下來）

3.使用Dreamweaver編寫第一個JQuery

 

<script src="jquery-1.4.2.js" type="text/javascript" ></script> <!-- 匯入JQuery -->

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

 

這個程式就是常用的 彈出對話方塊 ！學程式 HelloWorld 開始先！

 

4. $ 就是JQuery的簡寫形式

以上程式還可以簡寫成為：

 

<script type="text/javascript">
    $(function(){
        alert("代碼變少了！");       
    })
</script>

 

 

5.JQuert 的 $(document).ready 與JavaScript window.load 的不同：

（1.）JavaScript，不會同時彈出兩個對話方塊，只能彈出最後一個：

<!--  普通的JS -->
<script type="text/javascript">
    window.onload = function(){
            alert("對話方塊 1 ");
        }
</script>

<script type="text/javascript">
    window.onload = function(){
            alert("對話方塊 2 ");
        }
</script>

 

（2.）JQuery 可以彈出兩個對話方塊

代碼

<script src="jquery-1.4.2.js" type="text/javascript" ></script> <!-- 匯入JQuery -->

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

<script type="text/javascript">
    $(function(){
        alert("代碼變少了！");       
    })
</script>

 

是不是稍稍感覺到 JQuery的強大了呢，那麼請繼續關注我的部落格吧！謝謝您！