jQuery layui常用方法介绍


Posted in Javascript onJuly 25, 2016

layer简介:

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

layer(全称:jQuery-plugin-layer),一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(菜鸟级前端攻城师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而这,您只需在调用时简单地配置相关参数,即可轻松实现。

与同类弹出层组件相比,layer的优势明显,她尽可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升,采用面向对象的思想实现,在多层模式的回调处理中,具备其它多数层组件所没有的“独立不冲突”(已有人次关注新版layer)。您完全可以大可放心地在页面弹出任意数量的层,她们彼此不妨碍。当你问及她的兼容时,layer必须告诉你,她兼容了一切浏览器,包括古老的ie6。

layer是一款很好用的一个ui组件,弹出,分页等

http://layer.layui.com/

1 带叉叉的弹窗

layer.open({
type: 1,
title: false, //不显示标题
content: 'hehe', //捕获的元素
area: ['400px', '200px'], //宽高
//scrollbar: false,
cancel: function(index) {
layer.close(index);
}
});

以上所述是小编给大家介绍的jQuery layui常用方法介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 Vue.js
Vue2.0 $set()的正确使用详解
Jul 28 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
Bootstrap Validator 表单验证
Jul 25 #Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 #Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
javascript insertAfter()定义与用法示例
Jul 25 #Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 #Javascript
You might like
Protoss建筑一览
2020/03/14 星际争霸
SONY SRF-M100的电路分析
2021/03/02 无线电
用PHP函数解决SQL injection
2006/10/09 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
js中关于String对象的replace使用详解
2011/05/24 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
three.js实现围绕某物体旋转
2017/01/25 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
动态创建类实例代码
2009/10/07 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
详解Python解决抓取内容乱码问题(decode和encode解码)
2019/03/29 Python
Python for循环及基础用法详解
2019/11/08 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
python 利用opencv实现图像网络传输
2020/11/12 Python
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
岗位职责定义及内容
2013/11/08 职场文书
寄语是什么意思
2014/04/10 职场文书
班风学风建设方案
2014/05/06 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis
python神经网络Xception模型
2022/05/06 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle