apicloud命名空间$api方法集合

命名空间为api,https://docs.apicloud.com/FrontendFramework/frameworkdevguide1api,所有方法如下(摘自官网https://docs.apicloud.com/Front-end-Framework/framework-dev-guide); 1、api.trim(’ abc 123 ‘) // =>“abc 123” 去除前后空格
2、api.trimAll("abc123")//=>"abc123"3api.trimAll(" abc 123 ") // =>"abc123" 去除所有空格字符串 3、api.isArray(obj) //=>boolean 判断是否为数组
4、api.addEvt(el,name,fn)eldomnameclick),fn,5api.addEvt(el,name,fn) el为dom元素,name为事件名称(‘click’),fn回调函数, 为元素绑定事件 5、api.rmEvt(el,name,fn) ,参数同上,为元素移除绑定事件
6、api.one(el,name,fn),7api.one(el,name,fn),参数同上,为元素绑定事件,只执行一次 7、api.dom(el,selector),返回dom元素,当包含el参数时,从el节点开始查找,若无el元素,则从document开始查找;如$api.dom(’.username’) // api.dom(.list[type="text"]);8api.dom('.list[type="text"]'); 8、api.domAll(el,selector),参数使用同7,选择所有的匹配元素 如api.domAll(.class);api.domAll('.class');api.domAll(’.list:fist-child’);
9、api.byId(stingID);iddom10api.byId('stingID');根据id获取dom元素; 10、api.first(el,selector) 获取选择dom元素的第一个子元素;有两个参数时返回dom元素下的第一个css选择器的元素,如api.first(el,li)ellielel11api.first(el,'li')则返回el下的第一个li;如只有一个参数el,则返回el下的第一个子元素; 11、api.last(el,elector) 获取选择dom元素的最后一个子元素,用法同10;
12、api.eq(el,index),domindex13api.eq(el,index),选择dom元素的第index个子元素; 13、api.not(el,selector),返回比匹配选择器的所有子元素;例如api.not(el,.active);14api.not(el,'.active'); 14、api.prev(el),选择相邻的前一个元素;
15、api.next(el),dom16api.next(el),选择相邻的下个dom元素 16、api.contains(parentEL,targetEL),返回boolean,判断一个元素是否包含目标元素;
17、api.closest(el,selector),api.closest(el,selector),根据选择器匹配最近的父元素;api.closest(el, ‘.parent’);
18、api.remove(el),dom19api.remove(el),移除dom元素; 19、api.attr() 获取或设置元素属性;
设置 $api.attr(el,‘key’,‘val’) 获取 api.attr(el,key);20api.attr(el,'key'); 20、api.removeAttr(el,‘属性名’) 移除dom元素的属性
21、api.hasCls(el,classname),booleandomclassName22api.hasCls(el,'classname'),返回boolean 判断dom元素是否含有某个className 22、api.addCls(el,‘classname’),为dom元素添加className;
23、api.removeCls(el,classname),domclass23api.removeCls(el,'classname'),为dom元素移除class; 23、api.toggleCls(el,‘classname’),为dom元素切换指定class;
24、api.val(el,val),formvalue.val(el);(el,val);25api.val(el,val),获取或设置常用form表单元素的value值;获取.val(el); 设置(el,val); 25、api.prepend(el,html);在dom元素内部,首个子元素前插入html字符串;api.prepend(el,<li>hello</li>);26api.prepend(el,'<li>hello</li>'); 26、api.append(el,html);在dom元素内部,最后一个子元素后插入html字符串;api.append(el,<li>hello</li>);27api.append(el,'<li>hello</li>'); 27、api.before(el,html);在dom元素前面插入html字符串;api.before(el,<h1>world</h1>);28api.before(el,'<h1>world</h1>'); 28、api.after(el,html);在dom元素之后插入html字符串;api.before(el,<h1>world</h1>);29api.before(el,'<h1>world</h1>'); 29、api.html(el,html); 获取或设置dom元素的innerHTML;
获取 .html(el); 设置 .html(el,‘

world

’);
30、pai.text(el,text),31pai.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);domapi.css(el,css);设置所传入的dom元素的样式,可传入多条样式;api(el,‘width:80px;border:1px solid red;’);
33、api.cssVal(el,prop);dom800px;api.cssVal(el,prop);获取制定dom元素的制定属性的完整的值,如800px;api.cssVal(el,‘width’);
34、api.jsonToStr(json)json35api.jsonToStr(json) 将标准的json对象转换成字符串格式; 35、api.strToJson(str) 将json字符串转换成json对象;
36、api.setStorage(key,value);localStorageapi.setStorage(key,value); 设置 localStorage 数据;api.setStorage(‘name’,‘tom’);
37、api.getStorage(key),localStorage使api.getStorage(key),获取localStorage内容使用;必须配合api.setStorage()配套使用; api.getStorage(name);38api.getStorage('name'); 38、api.rmStorage(key);清除与localStorage中与键名对应的值;
39、$api.clearStorage() 清除所有的localStorage的数据;慎用; api.clearStorage();40api.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');
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章