转载

JSLite —— 类 jQuery 的轻量级 JavaScript 库

4月18日 武汉 源创会开始报名,送华为开发板

JSLite —— 类 jQuery 的轻量级 JavaScript 库

JSLite.js 让web开发更迅速,下载执行更快、量级更轻,针对现代高级浏览器的JavaScript库。 推进前端开发标准对于攻城师来说,人人有责。一直在更新看 官方文档 。

更换网址: http://JSlite.io

  1. 低廉学习成本低

    与jQuery有着类似的api,模仿jQuery的语法规范,并不是100%的覆盖。如果你会用jQuery,那么你也会用JSLite。

  2. 快执行并下载

    JSLite通用库只有5-10k,没有大量的兼容代码,在先进浏览器里面跑起来没有负担。为了减小代码量,提高性能,组件再插件化,兼容iOS3+ / android2.1+。

核心Core  官网一直在更新中....

希望大家能帮忙指出问题,或者帮助修复问题。 JSLite —— 类 jQuery 的轻量级 JavaScript 库

$("#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()//对象象集合中第一个元素的高,或设置对象集合所有元素的高。 

更多... 官方文档

正文到此结束
Loading...