apicloud命名空間$api方法集合

命名空間爲$api,所有方法如下（摘自官網https://docs.apicloud.com/Front-end-Framework/framework-dev-guide）； 1、$api.trim(’ abc 123 ‘) // =>“abc 123” 去除前後空格
2、$api.trimAll(" abc 123 ") // =>"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元素是否含有某個className 22、$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');