JSLite.js - 讓web開發更迅速與jQuery有著類似的api

jopen 11年前發布 | 13K 次閱讀 JSLite.js JavaScript開發

與jQuery有著類似的api,通用庫只有5-10k,讓web開發更迅速,下載執行更快、量級更輕,針對現代高級瀏覽器的JavaScript庫。 推進前端開發標準對于攻城師來說,人人有責。

  1. 低廉學習成本低

    與jQuery有著類似的api,模仿jQuery的語法規范,并不是100%的覆蓋。如果你會用jQuery,那么你也會用JSLite。

  2. 快執行并下載

    JSLite通用庫只有5-10k,沒有大量的兼容代碼,在先進瀏覽器里面跑起來沒有負擔。為了減小代碼量,提高性能,組件再插件化,兼容iOS3+ / android2.1+。

核心Core
$("#box")        //選擇器
$(fun)           //$$(fun) = $$(document).ready(function(){})
$.extend         //通過源對象擴展目標對象的屬性
$.fn             //是一個對象,它擁有WCJ對象上所有可用的方法。
$.isDocument     //判斷對象是否為【document】
$.isWindow     //判斷是否為window對象
$.isFunction     //判斷對象是否為【函數】
$.isObject       //判斷是否為【Object】
$.isArray        //判斷對象是否為【數組】
$.isJson         //判斷對象是否為Json格式的對象
$.isContainsNode(parent,node)//parent是否包含node節點對象
$.getUrlParam("param")         //獲取url參數的值
$.likeArray      //判斷對象是否為數組或者是字符
$.type           //獲取類型
$.map            //遍歷集合中的元素返回一個新的數組,過濾null and undefined。
    //$$.map({"w":1,"c":2,"j":3},function(item,index){
    //     return index
    //}); 
$.error          //創建自定義錯誤
$.matches(element, selector) //如果當前元素能被指定的css選擇器查找到,則返回true,否則返回false.
$.sibling(elm,type)  //根據類型獲取對象的集合
$.inArray            //搜索數組中指定值并返回它的索引(如果沒有找到則返回-1)
    //inArray(element, array, [fromIndex])
$(document).ready(fun)//當頁面dom加載完畢 “DOMContentLoaded” 事件觸發時觸發
$("#box").each()     //遍歷
$("#box").map()      //遍歷對象集合中的所有元素返回一個新的集合對象
$("#box").get(1)     //當前對象集合中獲取所有元素或單個元素
$("#box").empty()    //對象集合中移除所有的dom子節點。
$("#box").remove()   //刪除【自己】及所有【自己】里面的內容
$("#box").text()     //取得所有匹配元素的文本內容。
$("#box").html()     //獲取或設置對象內容。
$("#box").css()      //獲取或設置對象的style樣式內容。
$("#box").attr()     //讀取或設置dom的屬性。
$("#box").offset()   //獲取對象left|top|width|height
$("#box").hasClass() //集合中是否有元素含有指定的class。
$("#box").addClass() //為每個匹配的元素添加指定的class類名
$("#box").removeClass() //清除集合中所有元素的指定class類名,不填寫清空
$("#box").toggleClass() //在匹配的元素集合中的每個元素上添加或刪除一個或多個樣式類
$("#box").toggle()   //顯示或隱藏匹配元素
$("#box").show()     //顯示匹配元素
$("#box").hide()     //隱藏匹配元素
$("#box").filter()   //篩選出與指定表達式匹配的元素集合。filter(selector) 
$("#box").pluck()    //獲取對象集合中每一個元素的屬性值
$("#box").find()     //后代節點的集合(可以帶上濾選擇器)
$("#box").children() //獲得每個匹配元素集合元素的直接子元素(可以帶上濾選擇器)
$("#box").parent()   //對象集合中每個元素的直接父元素。
$("#box").parents()  //獲取對象集合每個元素所有的祖先元素(不包含根元素)
$("#box").prev("div")//獲取對象集合每個元素的所有上一個對象(可以帶上濾選擇器)
$("#box").next("div")//獲取對象集合每個元素的所有下一個對象(可以帶上濾選擇器)
$("#box").prevAll()  //獲取對此對象【上】所有兄弟對象(可以帶上濾選擇器)
$("#box").nextAll()  //獲取對此對象【下】所有兄弟對象(可以帶上濾選擇器)
$("#box").siblings() //獲取對此對象【其它】所有兄弟對象(可以帶上濾選擇器)
$("#box").extend()   //擴展
$("#box").bind()     //綁定事件
$("#box").unbind()   //事件移除
$("#box").before(content)      //:插入到標簽開始前
$("#box").prepend(content)     //:插入到標簽開始標記之后
$("#box").append(content)      //:插入到標簽結束標記前
$("#box").after(content)       //:插入到標簽結束標記后
$(".box").width()//對象象集合中第一個元素的寬,或設置對象集合所有元素的寬。
$(".box").height()//對象象集合中第一個元素的高,或設置對象集合所有元素的高。

項目主頁:http://www.baiduhome.net/lib/view/home/1416496101789

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!