JSLite.js - 讓web開發更迅速與jQuery有著類似的api
與jQuery有著類似的api,通用庫只有5-10k,讓web開發更迅速,下載執行更快、量級更輕,針對現代高級瀏覽器的JavaScript庫。 推進前端開發標準對于攻城師來說,人人有責。
-
低廉學習成本低
與jQuery有著類似的api,模仿jQuery的語法規范,并不是100%的覆蓋。如果你會用jQuery,那么你也會用JSLite。
-
快執行并下載
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()//對象象集合中第一個元素的高,或設置對象集合所有元素的高。
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!