【嘉興東臣php】JS，Jquery,Ajax學習周總結

一. 第一天JS

   1.閉包： 

        特性：

    一、嵌套函數
    二、外部函數變量能夠在內部使用。
    三、垃圾回收機制

   閉包其實就是在一個函數可使用另外一個函數的變量。 好比：
    function abc(){
        var i = 10;
        function bc(){
            ++i;
            alert( i );
        }
        return bc;
    }
    var bc = abc();
    bc();
 

  2.垃圾回收機制：
    JS的垃圾回收機制：全部的內存分配以及回收都會由垃圾回收器自動完成，執行環境會對執行過程當中佔有的內存負責。其原理就是找出那些不在被使用的變量，而後釋放其所佔有的內存
function a(){
var i = 1（1就是*對象*）;
function ac(){
//var i = 1;
i++;
return i;
}
return ac;
}
var c = a();
alert( c() );
alert(a()())
這麼理解：函數a賦值給C所以用C代替a（）的時候至關於c仍然持續着對對象的連接關係，所以內存未被釋放。【注意】看等號（如同連接關係的線）

function test1(){
var i ={name:’nyf’};
}
function test2(){
var i ={name:’nyf’};
return i;
}
var m1 = test1();
var m2 = test2();
test1調用時，進入 test1 的環境，那麼內存中會開闢存放 {name:’nyf’} 對象的內存，當調用結束後，出了 test1 的環境，那麼該內存會被JS引擎中的垃圾回收器自動釋放其內存。
第一個函數沒有返回值，因此m1不存在和test1對象的連接關係（三者的連接關係，還有函數有無返回值很關鍵）

3.匿名函數：
    寫法：（function(){

            }）()       【能夠傳入參數】

4.函數三種寫法：
    //基本的全局寫法
var abc = 10;
function a(){
    alert( abc );
}
function b(){
    alert( abc );
}
//做用域寫法
var abc;
function c(){
    var abc = 200;
    alert(abc);
}
function a(){
    alert( abc );
}

//閉包的寫法
function abc(){
    var score = 0;
    function play(){
        score = 10;    
    }
    function hit(){
        score = 20;
    }

}

二. 次日Jquery

Jquery是JS的一個簡單好用的框架
jquery，使用$()來表示對象，有三大選擇器

    一、$("#xxx") ID選擇器
    二、$(".xxx") Class選擇器
    三、$("input") 標籤選擇器
    四、$("[href='xxxx']") 屬性選擇器

動畫函數:
    一、show 顯示
    二、hide 隱藏
    三、toggle 顯示和隱藏
    四、fadeIn 淡入
    五、fadeOut 淡出
    六、fadeToggle 淡入和淡出
    七、slideUp 向上滑動
    八、slideDown 向下滑動
          函數裏面可加入時間參數還有回調函數，
    9.animate("執行的動畫操做"，時間，可選(回調函數))
    如： $("").animate（{"height":"300px;"}, 1500）;
    注意：須要定位，能夠加入position屬性！
    10.stop() 中止動畫 【一個true時，直接中止當前的動畫，清空後續動畫。兩個true時，狀況後續全部動畫，直接完成當前動畫】

        stop()函數用於中止當前匹配元素上正在運行的動畫。默認狀況下，stop()函數只會中止當前正在運行的動畫。若是你使用animate()函數爲當前元素設置了A、B、C這3段動畫，若是當前正在執行的動畫是A，則只會中止動畫A的執行，不會阻止動畫B和C的執行。固然，你也能夠經過指定可選的選項參數來中止全部的動畫。

停 止動畫並非恢復到該動畫執行前的情況，而是直接中止，當前動畫執行到什麼狀態，就停留在什麼狀態。例如：執行一個元素高度從100px到200px的過 渡動畫，當高度爲150px時中止了該動畫，則當前高度仍然保持150px的現狀。若是該動畫設置了執行完畢後的回調函數，則不會執行該回調函數。

三.  第三天JS DOM

      1.節點：
         1.parent(), parents()找到父節點。【parents找到全部的祖先元素  】
         2.children(),find()找到子節點。【children 默認不加參數的時候爲找全部節點，加了找參數裏的節點。如children("div.select")就是找div裏的select的class類，find()能夠找全部子孫代，可是從上到下，先上取完再取下】
         三、next() prev() 找到下一個節點 找到上一個節點
         四、siblings 找到並獲取全部的兄弟節點
         五、eq(索引)找到元素中的某個索引，注意是從0開始的。
         六、get(索引)匹配元素中的某個索引，注意不返回元素。
         七、first() 經過自定義的找到，找到第一個元素。如：$(".a").first();就是找到class爲a的第一個元素。
         八、last() 同上，不過找到的是最後一個元素。
         九、append() 追加HTML內容
         十、appendTo() 把全部匹配的元素追加到另外一個指定的元素元素集合中。
         十一、remove() 移除，不用位置
         十二、empty() 清空，佔位置，只刪除指定元素下的全部子節點。
         1三、attr() 設置屬性 、返回屬性
   2.獲取節點例子：
    console.log($("p"))
    console.log($("p").parent())//找單個父輩
    console.log($("p").parents())//能夠一直找父輩直到找到整個HTML
    console.log($("#p2").parents())
    console.log($("#p2").parent())
    console.log($(".d1").children("p.p4"))//找class爲p4的兒子p
    console.log($(".d1").children("p"))//全部的P子輩
    console.log($(".d1").find(".d2"))//找全部符合條件的兒子，孫子
    console.log($("div.d2").next("div"))//【下一個同輩元素,若是next()加上參數，即next("div")，若是下一個相鄰元素不是div，則爲空，即必定是相鄰的】
    console.log($(".ddd").prev("div"))//上一個同輩元素，同next
    console.log($(".p1").siblings())//找因此的同輩
    console.log($(".d2").first())//找到class爲d2的第一個元素，last爲找最後一個
    console.log($("div").eq(1))//找到元素中的某個索引，注意是從0開始的
    console.log($("div").get())//【不是Jquery對象，是DOM對象,什麼對象就用什麼方法獲取】
    console.log($(".d1").children("div").eq(0));
    console.log($(".d1").children("div").eq(0));
    console.log($(".d1").children("div:eq(0)"));


四.  第四.五天 Ajax

is() 判斷標籤 或者 選中的效果
hasClass()//判斷是否有該類

$(".abc").unbind();//若是unbind內部沒有加入參數的話，移除全部的事件。
$(".abc").unbind("click")//若是unbind內部加了參數的話，移除就是當前參數的事件

1.Json:

簡單說就是javascript中的對象和數組，因此這兩種結構就是對象和數組兩種結構，經過這兩種結構能夠表示各類複雜的結構
    JSON 語法是 JavaScript 對象表示語法的子集。
    數據在鍵值對中
    數據由逗號分隔
    花括號保存對象
    方括號保存數組
  

2.Ajax:

        注意：get,post請求返回的是Json字符串，不是Json格式的對象【若是post最後參數設置爲「json」那麼返回的就是json格式的對象】

  ajax,getJson請求返回的都是json格式的對象【有指定類型】

       1.load()函數:
函數介紹：load(url, [data], [callback]) 返回值:jQuery
參數說明：
url:待裝入 HTML 網頁網址。
data:（可選參數）發送至服務器的 key/value 數據。
callback:（可選參數）載入成功時回調函數。
        2..get()
        3..post()【get()函數和post函數區別：get用字典或直接寫網址裏都是明文，post只在網址裏纔是明文】
        4.getJSON:經過Get請求方式，請求數據並返回的是json數據文件，注意請求json文件！  
        5.ajax()函數：
  $(".btn_4").click(function(){
          $.ajax({
               type:"post",
               url:"http://120.26.196.152/come.php",
               data:{"name":"lin","age":"21"},
               anysc:true
               dataType:"json",
               success:function(data){
                  console.log(data)   
               },
               error:function(req){//請求錯誤的時候的處理 
               }            
               })
      })

      Jquery的each()方法詳細解釋

【網址：http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html】

     

記憶：

HTTP STATUS CODE  HTTP協議裏的返回狀態碼。
200 ：請求成功
302 ：請求被跳轉
404 ：頁面找不到，請求錯誤
403 ：該訪問請求沒有權限
500 ：服務器程序錯誤

attr() 方法設置或返回被選元素的屬性值

appendTo若是選取已有的元素，等於剪切效果，不然和append差很少
empty:會刪除文本，不會刪除匹配到的元素
remove:會刪除全部匹配到的元素和文本
first:一組對象的第一個
獲取表格行數：var rows = document.getElementById("example_table").rows.length;
return阻止onsubmit提交
return在函數裏優先執行該函數的意思
return false 阻止
JS找不到id等屬性時:null

Math.random()    Math對象的方法--取0-1隨機數

Math.floor()         Math對象的方法--取比當前數值小的最大整數（下取整）。

Math.ceil()           Math對象的方法--取比當前數值大的最小整數（上取整）。

Math.round()       Math對象的方法--四捨五入

border-collapse： 用於表格屬性, 表示表格的兩邊框合併爲一條
若是unbind內部沒有加入參數的話，移除全部的事件。

總結

       又是一週過去了。自歷來到這邊學習，發現時間被偷了同樣，不知不覺就三個星期過去了。這周學習了JS中Jquery的不少知識點。給我一種在上政治課的感受，處處是記的，背的。這周的模擬音樂均衡器的玩意讓我以爲頗有趣。以後的貪吃蛇讓我明白了什麼叫作精簡的，規範的代碼。Ajax的學習更是讓我體會到信息的重要性，體會到Ajax的重大做用。最後一天的遊戲纔是你們最開心的時刻。教室充滿了歡笑聲，這樣的氛圍挺好的。惟一遺憾的就是飛機沒打成，畢竟能力有限，只能接受能力範圍裏的知識。我相信鍥而不捨纔是success的催化劑。