apicloud命名空间$api方法集合
命名空间为api,所有方法如下(摘自官网https://docs.apicloud.com/Front−end−Framework/framework−dev−guide);1、api,所有方法如下(摘自官网https://docs.apicloud.com/Front-end-Framework/framework-dev-guide); 1、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.trimAll(" abc 123 ") // =>"abc123" 去除所有空格字符串 3、api.trimAll("abc123")//=>"abc123"去除所有空格字符串3、api.isArray(obj) //=>boolean 判断是否为数组
4、api.addEvt(el,name,fn)el为dom元素,name为事件名称(‘click’),fn回调函数,为元素绑定事件5、api.addEvt(el,name,fn) el为dom元素,name为事件名称(‘click’),fn回调函数, 为元素绑定事件 5、api.addEvt(el,name,fn)el为dom元素,name为事件名称(‘click’),fn回调函数,为元素绑定事件5、api.rmEvt(el,name,fn) ,参数同上,为元素移除绑定事件
6、api.one(el,name,fn),参数同上,为元素绑定事件,只执行一次7、api.one(el,name,fn),参数同上,为元素绑定事件,只执行一次 7、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.dom('.list[type="text"]'); 8、api.dom(′.list[type="text"]′);8、api.domAll(el,selector),参数使用同7,选择所有的匹配元素 如api.domAll(′.class′);api.domAll('.class');api.domAll(′.class′);api.domAll(’.list:fist-child’);
9、api.byId(′stingID′);根据id获取dom元素;10、api.byId('stingID');根据id获取dom元素; 10、api.byId(′stingID′);根据id获取dom元素;10、api.first(el,selector) 获取选择dom元素的第一个子元素;有两个参数时返回dom元素下的第一个css选择器的元素,如api.first(el,′li′)则返回el下的第一个li;如只有一个参数el,则返回el下的第一个子元素;11、api.first(el,'li')则返回el下的第一个li;如只有一个参数el,则返回el下的第一个子元素; 11、api.first(el,′li′)则返回el下的第一个li;如只有一个参数el,则返回el下的第一个子元素;11、api.last(el,elector) 获取选择dom元素的最后一个子元素,用法同10;
12、api.eq(el,index),选择dom元素的第index个子元素;13、api.eq(el,index),选择dom元素的第index个子元素; 13、api.eq(el,index),选择dom元素的第index个子元素;13、api.not(el,selector),返回比匹配选择器的所有子元素;例如api.not(el,′.active′);14、api.not(el,'.active'); 14、api.not(el,′.active′);14、api.prev(el),选择相邻的前一个元素;
15、api.next(el),选择相邻的下个dom元素16、api.next(el),选择相邻的下个dom元素 16、api.next(el),选择相邻的下个dom元素16、api.contains(parentEL,targetEL),返回boolean,判断一个元素是否包含目标元素;
17、api.closest(el,selector),根据选择器匹配最近的父元素;api.closest(el,selector),根据选择器匹配最近的父元素;api.closest(el,selector),根据选择器匹配最近的父元素;api.closest(el, ‘.parent’);
18、api.remove(el),移除dom元素;19、api.remove(el),移除dom元素; 19、api.remove(el),移除dom元素;19、api.attr() 获取或设置元素属性;
设置 $api.attr(el,‘key’,‘val’) 获取 api.attr(el,′key′);20、api.attr(el,'key'); 20、api.attr(el,′key′);20、api.removeAttr(el,‘属性名’) 移除dom元素的属性
21、api.hasCls(el,′classname′),返回boolean判断dom元素是否含有某个className22、api.hasCls(el,'classname'),返回boolean 判断dom元素是否含有某个className 22、api.hasCls(el,′classname′),返回boolean判断dom元素是否含有某个className22、api.addCls(el,‘classname’),为dom元素添加className;
23、api.removeCls(el,′classname′),为dom元素移除class;23、api.removeCls(el,'classname'),为dom元素移除class; 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.val(el,val),获取或设置常用form表单元素的value值;获取.val(el); 设置(el,val); 25、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.prepend(el,'<li>hello</li>'); 26、api.prepend(el,′<li>hello</li>′);26、api.append(el,html);在dom元素内部,最后一个子元素后插入html字符串;api.append(el,′<li>hello</li>′);27、api.append(el,'<li>hello</li>'); 27、api.append(el,′<li>hello</li>′);27、api.before(el,html);在dom元素前面插入html字符串;api.before(el,′<h1>world</h1>′);28、api.before(el,'<h1>world</h1>'); 28、api.before(el,′<h1>world</h1>′);28、api.after(el,html);在dom元素之后插入html字符串;api.before(el,′<h1>world</h1>′);29、api.before(el,'<h1>world</h1>'); 29、api.before(el,′<h1>world</h1>′);29、api.html(el,html); 获取或设置dom元素的innerHTML;
获取 .html(el); 设置 .html(el,‘
world
’);
30、 pai.text(el,text),获取或设置元素的文本内容;31、pai.text(el,text),获取或设置元素的文本内容; 31、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.css(el,css);设置所传入的dom元素的样式,可传入多条样式;api.css(el,css);设置所传入的dom元素的样式,可传入多条样式;api(el,‘width:80px;border:1px solid red;’);
33、api.cssVal(el,prop);获取制定dom元素的制定属性的完整的值,如800px;api.cssVal(el,prop);获取制定dom元素的制定属性的完整的值,如800px;api.cssVal(el,prop);获取制定dom元素的制定属性的完整的值,如800px;api.cssVal(el,‘width’);
34、api.jsonToStr(json)将标准的json对象转换成字符串格式;35、api.jsonToStr(json) 将标准的json对象转换成字符串格式; 35、api.jsonToStr(json)将标准的json对象转换成字符串格式;35、api.strToJson(str) 将json字符串转换成json对象;
36、api.setStorage(key,value);设置localStorage数据;api.setStorage(key,value); 设置 localStorage 数据;api.setStorage(key,value);设置localStorage数据;api.setStorage(‘name’,‘tom’);
37、api.getStorage(key),获取localStorage内容使用;必须配合api.getStorage(key),获取localStorage内容使用;必须配合api.getStorage(key),获取localStorage内容使用;必须配合api.setStorage()配套使用; api.getStorage(′name′);38、api.getStorage('name'); 38、api.getStorage(′name′);38、api.rmStorage(key);清除与localStorage中与键名对应的值;
39、$api.clearStorage() 清除所有的localStorage的数据;慎用; api.clearStorage();40、api.clearStorage(); 40、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');
apicloud命名空间$api方法集合相关推荐
- hashset java api_java常用对象API中集合框架之HashSet
之前在<java常用对象API之集合框架>这篇文章中已经将所有集合框架做了一个总体的大纲陈列,并阐述了所有Collection接口下的子接口和类的作用解释,那么接下来的文章智言还是想把里面 ...
- soap协议_当SOAP遇上REST!一文解读Web服务Web API方法
当SOAP遇上REST!一文解读eb服务和Web API方法 SOAP和REST,也许您已经很熟悉它们,希望扩展您的知识或获取新的观点.或者,也许您听说过它们,并正在寻求更好的理解.毕竟,SOAP和R ...
- 用于将带有查询字符串的复杂对象传递到Web API方法的自定义模型绑定器
目录 介绍 查询复杂对象的字符串字段 使用和测试FieldValueModelBinder类 FieldValueModelBinder如何工作? 获取源字段和值 将字段部分与对象属性匹配 解析枚举类 ...
- ( 持续更新,目前含 200+ 工具类 ) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。
DevUtils GitHub About ( 持续更新,目前含 200+ 工具类 ) Roadmap DevUtils 是一个 Android 工具库,主要根据不同功能模块,封装快捷使用的工具类及 ...
- Java | Java常用API方法总结
Java常用API方法总结 常用API JavaAPI 1 java.lang String StringBuilder Integer parseXxx Math Object System Thr ...
- vue 集成腾讯地图基础api Demo集合
Vue 集成腾讯地图基础api Demo集合(基础地图引入与展示模块,地址逆解析,3D/2D切换 ,位置服务,mark标记) 写作背景 .之前项目使用腾讯地图,感觉还是比较好用的,但是官方的demo大 ...
- flash绘图API :flash player11新增的绘图API方法--cubicCurveTo
今天除了更新的3D的api之前,另外在flash Graphics方法当中新增了一个cubicCurveTo的方法,能够使用其进行绘制贝塞尔曲线,奇怪是文档里面对应的flash 版本是12,不知道是不 ...
- Winform获取应用程序的当前路径的方法集合,具体如下,值得收藏
Winform获取应用程序的当前路径的方法集合,具体如下,值得收藏//获取当前进程的完整路径,包含文件名(进程名). string str = this.GetType().Assembly.Loca ...
- ASP.NET中文件上传下载方法集合
asp.net 2008-08-23 21:10:35 阅读0 评论0 字号:大中小 订阅 ASP.NET中文件上传下载方法集合 文件的上传下载是我们在实际项目开发过程中经常需要用到的技术,这里给 ...
最新文章
- 中美数据中心产业对比及思考
- 数学之美 系列十六 (下)- 不要把所有的鸡蛋放在一个篮子里 最大熵模型
- protobuf java 编译_Maven项目中,编译proto文件成Java类
- opencv32-基于距离变换和分水岭的图像分割
- android 全局dp单位,android应用开发之View的大小计量单位(px、dpi、dp、dip、sp)
- MPLS/×××江湖恩仇录笔记
- Vrep中将物体变得透明的方法
- 计算机另一账户无法使用office,关闭Word文档提示: 如何处理另一个应用程序或用户正在使用的文件?...
- linux find 命令详解
- java调用hp打印机驱动_惠普打印机驱动修改JDK问题–现象:javac不能用了 | 学步园...
- 贪吃蛇大战 java小游戏百度云源码
- 有哪些不讲武德的国外计算机学习资源?
- 【转】 jquery遍历json数组方法
- 重载,重写(覆盖)和隐藏的区别
- 惠普局域网共享打印机设置_HP LaserJet 1020局域网共享打印实操
- Windows 开发 辅助调试工具 和 方法
- UART、IIC以及SPI通信协议
- 用心理书籍来帮助自身成长
- 难得一见的数据库事务异常 Deadlock found when trying to get lock解决办法dao.DeadlockLoserDataAccessException怎么办
- js中的生成器函数Generator
热门文章
- 【数据集】各类绝缘子、鸟巢及防震锤数据集汇总
- 啥是数据处理能力?(二)数据处理工具
- React实现(Web端)网易云音乐项目(四),错过了真的可惜呀
- 【面经】阿里数据研发三面面经
- 计算机及其应用本课程,北京08自考计算机及应用(独本)课程设置
- 操作ocx控件和注册反注册ocx
- java闭锁_Java闭锁—CountDownLatch
- visdom TensorboardX进行可视化-包括对高维特征可视化(T-SNE PCA等)
- Android 自定义View二(深入了解自定义属性attrs.xml)
- select标签默认选项