本文目录一览：
- 1、用dreamweaver使用layui表格，添加不了表格操作按钮
- 2、layui的响应式布局在css中怎么能覆盖掉
- 3、js中layui.extend({})是什么意思？
- 4、Layui框架：layui的常用组件[表单]
- 5、Layui（二）：图标和按钮
- 6、js如何修改button上的文字
用dreamweaver使用layui表格，添加不了表格操作按钮
1
第一步在我们的电脑上打开软件，新建一个html，并添加上layui的js和css文件，如下图所示：
2
第二步我们打开新建的html文件,在head标签里面引入layui.css，layui.js文件，如下图所示：
3
第三步我们开始写body页面内容，这里给的表格内容是layui的表格示例数据，如下图所示：
4
第四步我们最后来给表格数据添加点击事件，table.on('tool(demoEvent)', function(obj){}来监听单元格事件，layer.prompt()弹出框，使用 obj.update({ sign: value });进行更新表格和缓存，如下图所示：
5
第五步我们在浏览器中打开html页面，可以看到表格数据内容，如下图所示：
6
第六步我们点击表格数据内容，弹出框显示单元格里面的数据，可以看到通过layui，给表格数据添加了点击事件，如下图所示：
layui的响应式布局在css中怎么能覆盖掉
你需要修改layui的配置文件里面的css样式文件。因为layui里面的控件都是js动态生成的，你后面写的样式优先级没有这个高，只能去改配置文件
js中layui.extend({})是什么意思？
扩展layui模块，用于加载三方插件，例：
layui.config({
base:"lay-module/", //存放路径
}).extend({
tableSelect: 'tableSelect/tableSelect', // table选择扩展
})
Layui框架：layui的常用组件[表单]
layui的所有图标全部采用字体形式(单一色彩)，取材于阿里巴巴的矢量图标库。
通过对一个内联元素(一般使用的是i标签)，设定 class=="layui-icon" ，来定义一个图标，然后对元素加上图标对应的 font-class ，即可显示出对应的图标。
向任意HTML元素设定 class="layui-btn" ，建立一个基础按钮，通过追加格式为 layui-btn-{type} 的class来定义其他按钮风格，内置的按钮class可以进行任意组合，从而形成更多风格的按钮，所有的按钮统一使用 button 标签来实现。不要使用input下的 type="button" 。
新建button元素，然后在元素上加上 layui-btn 的类名
select内option的第一项主要是占个坑，让form模块预留“请选择”的提示空间，否则将会把第一项(存在value值)作为默认的选中项。
原生的select option元素无法装饰，因此所有UI框架都是采用的元素模拟的方式来实现，即将原生的select元素隐藏，用js生成其他并设置样式，所以需要在网页上激活UI框架的渲染功能。
optgroup标签给select分组，每个分组的提示信息由optgroup元素的label属性的值决定的。
layui的复选框组件中，title是设定元素的名称，一般用于checkbox、radio框， lay-skin： 定义checkbox元素的风格，不设置为默认风格，primary为原始风格。
当 lay-skin 的值为switch时，title的文字失效，开关前后的状态显示的文字由 lay-text 内决定，格式为：选中提示文字|未选中提示文字。
title：设定的元素名称，一般用于checkbox、radio框。
layui框架使用js生成了一个div结构用来展示title标签的文字和模拟选中时的logo效果，而原生的input元素则被隐藏掉，disabled开启禁用，设置value来实现自定义的值，否则选中时返回的就是默认的on.
Layui（二）：图标和按钮
方法1：使用字符实体
只需要在一个class为 layui-icon 的容器类标签中加入字符的unicode码即可。
相关样式：layui-icon，代表使用layui的图标处理样式去渲染
方法2：使用样式
在class为layui-icon的容器类标签后追加对应的图标样式，而不需要在写unicode码。
相关图标样式可以去官网的 文档 查找。
相关样式：
（1）必要样式：layui-btn
（2）主题样式：
layui-btn-primary 原始按钮
layui-btn-normal 百搭按钮
layui-btn-warm 暖色按钮
layui-btn-danger 警告按钮
layui-btn-disabled 禁用按钮
（3）大小样式：
layui-btn-lg 最大按钮
layui-btn-sm 小型按钮
layui-btn-xs 迷你按钮
（4）图标结合：
把图标的样式也添加到class中即可
（5）圆角按钮：
layui-btn-radius
（6）按钮组：
套上一层class为layui-btn-group
layui按钮的事件监听可以使用jquery来做。
在layui内部使用jquery的方式：
js如何修改button上的文字
1．首先，打开hbuilder软件，在空白文件中写入两个button，并将id属性设置为btn1和btn2，在下面添加脚本标签以获取dom。 button1的元素，并为其button标签赋予click事件，当单击button1时，文本将更改。
2．然后，按crtl ＋ s保存，可以在浏览器中看到两个按钮。
3．接着，在右侧浏览器中单击button1的按钮，button1的文本内容将更改。
4． jQuery首先需要将jQuery导入下面的文件，然后使用jQuery的“ ＄”选择器获取button2的dom，并为其设置click事件，然后可以更改按钮的内容。
5．最后，保存后，在浏览器中单击button2，还可以观察到文本内容已更改。操作完成。