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 相关文章推荐
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
浅谈JavaScript中this的指向更改
Jul 28 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
php生成txt文件标题及内容的方法
2014/01/16 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
python 调用Google翻译接口的方法
2020/12/09 Python
浅谈HTML5新增和废弃的标签
2019/04/28 HTML / CSS
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
写给女朋友的道歉信
2014/01/08 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
中韩经贸翻译专业大学生职业生涯规划范文
2014/09/18 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
体育活动总结
2015/02/04 职场文书
社会实践活动总结
2015/02/05 职场文书
保护动物的宣传语
2015/07/13 职场文书
优秀大学生申请书
2019/06/24 职场文书
python实现三次密码验证的示例
2021/04/29 Python