当前位置: 软件>JavaScript软件
JavaScript 库 JSLite
本文导语: JSLite.js 让web开发更迅速,下载执行更快、量级更轻,针对现代高级浏览器的JavaScript库。 推进前端开发标准对于攻城师来说,人人有责。一直在更新看官方文档。 低廉学习成本低 与jQuery有着类似的api,模仿jQuery的语...
JSLite.js 让web开发更迅速,下载执行更快、量级更轻,针对现代高级浏览器的JavaScript库。 推进前端开发标准对于攻城师来说,人人有责。一直在更新看官方文档。
低廉学习成本低
与jQuery有着类似的api,模仿jQuery的语法规范,并不是100%的覆盖。如果你会用jQuery,那么你也会用JSLite。
快执行并下载
JSLite通用库只有5-10k,没有大量的兼容代码,在先进浏览器里面跑起来没有负担。为了减小代码量,提高性能,组件再插件化,兼容iOS3+ / android2.1+。
希望大家能帮忙指出问题,或者帮助修复问题。
$("#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()//对象象集合中第一个元素的高,或设置对象集合所有元素的高。
更多...看官方文档。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
![JavaScript 库 JSLite[图片]](/img/tech-article-img-javascript/img_1418549104_468958.png)