命名空间为api,所有方法如下(摘自官网https://docs.apicloud.com/Front−end−Framework/framework−dev−guide);1、api.trim(’ abc 123 ‘) // =>“abc 123” 去除前后空格
2、api.trimAll("abc123")//=>"abc123"去除所有空格字符串3、api.isArray(obj) //=>boolean 判断是否为数组
4、api.addEvt(el,name,fn)el为dom元素,name为事件名称(‘click’),fn回调函数,为元素绑定事件5、api.rmEvt(el,name,fn) ,参数同上,为元素移除绑定事件
6、api.one(el,name,fn),参数同上,为元素绑定事件,只执行一次7、api.dom(el,selector),返回dom元素,当包含el参数时,从el节点开始查找,若无el元素,则从document开始查找;如$api.dom(’.username’) // api.dom(′.list[type="text"]′);8、api.domAll(el,selector),参数使用同7,选择所有的匹配元素 如api.domAll(′.class′);api.domAll(’.list:fist-child’);
9、api.byId(′stingID′);根据id获取dom元素;10、api.first(el,selector) 获取选择dom元素的第一个子元素;有两个参数时返回dom元素下的第一个css选择器的元素,如api.first(el,′li′)则返回el下的第一个li;如只有一个参数el,则返回el下的第一个子元素;11、api.last(el,elector) 获取选择dom元素的最后一个子元素,用法同10;
12、api.eq(el,index),选择dom元素的第index个子元素;13、api.not(el,selector),返回比匹配选择器的所有子元素;例如api.not(el,′.active′);14、api.prev(el),选择相邻的前一个元素;
15、api.next(el),选择相邻的下个dom元素16、api.contains(parentEL,targetEL),返回boolean,判断一个元素是否包含目标元素;
17、api.closest(el,selector),根据选择器匹配最近的父元素;api.closest(el, ‘.parent’);
18、api.remove(el),移除dom元素;19、api.attr() 获取或设置元素属性;
设置 $api.attr(el,‘key’,‘val’) 获取 api.attr(el,′key′);20、api.removeAttr(el,‘属性名’) 移除dom元素的属性
21、api.hasCls(el,′classname′),返回boolean判断dom元素是否含有某个className22、api.addCls(el,‘classname’),为dom元素添加className;
23、api.removeCls(el,′classname′),为dom元素移除class;23、api.toggleCls(el,‘classname’),为dom元素切换指定class;
24、api.val(el,val),获取或设置常用form表单元素的value值;获取.val(el);设置(el,val);25、api.prepend(el,html);在dom元素内部,首个子元素前插入html字符串;api.prepend(el,′<li>hello</li>′);26、api.append(el,html);在dom元素内部,最后一个子元素后插入html字符串;api.append(el,′<li>hello</li>′);27、api.before(el,html);在dom元素前面插入html字符串;api.before(el,′<h1>world</h1>′);28、api.after(el,html);在dom元素之后插入html字符串;api.before(el,′<h1>world</h1>′);29、api.html(el,html); 获取或设置dom元素的innerHTML;
获取 .html(el); 设置 .html(el,‘
world
’);
30、
pai.text(el,text),获取或设置元素的文本内容;31、api.offset(el),获取元素在页面中的位置与宽高(此为距离页面左侧及顶端的位置,并非距离窗口的位置)
var offset = $api.offset(el);
var left = offset.l;
var top = offset.t;
var width = offset.w;
var height = offset.h;
32、api.css(el,css);设置所传入的dom元素的样式,可传入多条样式;api(el,‘width:80px;border:1px solid red;’);
33、api.cssVal(el,prop);获取制定dom元素的制定属性的完整的值,如800px;api.cssVal(el,‘width’);
34、api.jsonToStr(json)将标准的json对象转换成字符串格式;35、api.strToJson(str) 将json字符串转换成json对象;
36、api.setStorage(key,value);设置localStorage数据;api.setStorage(‘name’,‘tom’);
37、api.getStorage(key),获取localStorage内容使用;必须配合api.setStorage()配套使用; api.getStorage(′name′);38、api.rmStorage(key);清除与localStorage中与键名对应的值;
39、$api.clearStorage() 清除所有的localStorage的数据;慎用; api.clearStorage();40、api.fixStatusBar(el);适配IOS7.0+、Android4.4+系统状态栏,为传入的dom元素增加适当的上内边距,鼻渊header与状态栏重合;
备注:自动识别iOS7+,避免应用与状态栏重叠,无法跟config.xml里面的 一起使用。
var header = document.querySelector('#header');
$api.fixStatusBar(header);
41、$api.toast(title,text,time);延时提示框;
title:类型string 标题,可选参数; text :类型string,内容,可选参数; time :类型number ,提示框存在时间,单位毫秒,默认值500,
$api.toast('你好啊');
$api.toast(2000);
$api.toast(‘你好啊’,2000);
$api.toast('你好啊','延时提示框');
$api.toast('演示',‘延时提示框’,1000);
42、$api.get(url,fnSuc,datatype); $api.ajax()方法的get方式简写
$api.get('http://www.pm25.in/api/querys/pm2_5.json?city=beijing&token=5j1znBVAsnSf5xQyNQyq',function(ret){
alert(ret);
},'text');
43、$api.post(url,data,fnSuc,dataType); $api.ajax()方法的post方式简写
$api.post('http://192.168.1.233:4321/getString',{
body: 'String'
},function(ret){
alert(ret);
},'text');