［zepto］源碼學習

 

　　$() : zepto選擇器，與jquery選擇器相似,可是不支持jquery的拓展css支持(:first,:eq,:last...)

　　　　$("div")選擇頁面內的所有div元素，並以集合形式返回       $("<div />")建立一個新的div元素，能夠爲其添加屬性，寫法爲$("<div />",｛text:"hello",id:"divTest",css:{color:'#000'} })

　　$.contains(parent,node):檢查父節點是否包含給定的dom節點，若是二者是相同的節點，則返回 false。

［數組&對象：核心方法］

　　$.each(collection,function(key,value){ //回調函數返回false時，each循環結束  }) ： 以key-value形式遍歷對象（數組、自定義對象等等）及其屬性

　　$.extend(true/false,target,source):將source對象屬性拷貝給target目標對象，第一個參數爲true時爲深拷貝，不然爲淺拷貝

　　　　var target = {name:"lee"},source={name:"jack",age:30}；

　　　　$.extend(true,target,source); //執行結束,target對象變爲target{name:"jack",age:30}

     $.fn 爲zepto中的函數對象，能夠在此基礎上覆寫方法或添加自定義方法

     $.grep(array,function(item){ //能夠對item進行篩選，返回true或false }) 獲取新數組，只包含返回true的項

　　$.map(ele,function(key,value){ //將返回的值以數組形式返回  })  遍歷數組並將每次遍歷的回調函數返回值做爲新數組

　　$.inArray(element,array,[fromIndex]); 返回array數組中element元素的下標  [fromIndex]能夠指定開始位置，沒有返回－1

　　$.isArray(element) , $.isFunction(ele) , $.isWindow(ele) 斷定是否爲數組、函數和瀏覽器窗口對象

　　$.type(obj) 返回obj的類型，與typeof不一樣的是能夠返回其具體類型，返回值可能爲：null undefined boolean number string function arraydate regexp object error。

［字符串string：核心方法］

　　$.trim(str) 將string首尾空白刪除 相似於原生方法 var str = "   123abc  ";str.trim();

　　$.parseJSON(str) 將json格式的字符串str轉爲json對象

［節點操做：方法］

　　add: 向前一個節點集合中添加add元素，切記不是向前標籤中寫入元素

　　　　$("li").add("p") 　   : 頁面內的p元素加入頁面內的li元素集合中，將全部的li和p標籤的顏色設置爲紅色

　　addClass 向匹配元素上添加指定的class類名,多個class能夠用空格分隔　　

　　before / after(ele) : 在所選中元素的前 / 後 插入一個新元素ele，若是所選元素爲集合，則在內部每一個元素前/後都添加新元素

　　append / appendTo 節點插入函數（查到節點的內部尾部）

　　　　append用法： $("ul").append("<li>test</li>")  　　   容器.append("待插入內容")

　　　　appendTo用法： $("<li>test</li>").append("ul")  　　待插入.append("容器")

　　attr(屬性) ：添加屬性，多條屬性能夠用對象格式添加 $("div").attr({title:"標題",id:"testID"});

　　children([selector]) :選擇子元素，返回值爲集合；能夠經過children()中的[selector]對子元素進行篩選

　　clone(無參數) : 複製當前集合中的全部元素

　　closet("selector") : 逐級篩選當前節點上級元素中最近的一個知足selector的元素，僅返回最近的一個

　　　　var input = $("input[type=test]");

　　　　input.closet("form");　　//找到輸入框的最近外層form