jquery強化教程2016第1節-編寫第一個JQuery程序

JQuery強化教程 提供了38章課程,主要介紹了JQuery的選擇器、包裝集、DOM編程、AJAX編程、動畫編程
代碼下載地址:http://www.h5edu.cn/index.php?c=index&a=step&lessonid=54
網盤地址鏈接: http://pan.baidu.com/s/1eRDyVQU 密碼: 加QQ羣8274267
編寫第一個JQuery程序
<html>
    <head>
        <meta charset="utf-8">
        <title>第一個JQuery程序</title>
   <pre name="code" class="html">  <script src="jquery.js"></script>

</head> <body> <input type="button" value="test" id="bt01"> <script> $(document).ready(function(){ alert("文檔加載完成"); $("#bt01").click(function(){ $("#bt01").hide();//隱藏 }); }); </script> </body></html>

一、編寫JQuery之前的準備
    下載jquery庫,或找到jQuery庫的CDN地址
二、在項目中加在jQuery庫
  <script src="jquery.js"></script>
三、在文檔加在完成定義事件源、事件和事件處理函數
<script>
        $(document).ready(function(){
           alert("文檔加載完成");
           $("#bt01").click(function(){
              $("#bt01").hide();//隱藏 
           });
        });
        </script>

代碼分析:
$(document).ready(函數);
以上代碼實際上是一個函數調用,也是一個事件編程
$(document)返回值是一個對象相當於 jquery(document);//是將一個DOM對象轉換爲jQuery對象 ,$相當於jquery函數
也就是:var $=jquery;
.ready指,當前文檔加載完成的事件
 $("#bt01").click(function(){
              $("#bt01").hide();//隱藏 
           });
這句理解爲
  對象.click(函數);
事件源。事件(事件處理函數);
----------------------------------
jQuery的三大特點:簡潔  簡潔 簡潔
(學習本教程,首先要學習JavaScript編程)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章