JS选择器
一. 原生Js选择器以下只列出常用的getElementById(ID): 返回对指定ID的第一个对象的引用getElementsByName(name): 返回文档中name属性为name值的元素getElementsByTagName(tagname): 返回文档中指定标签的元素getElementsByClassName():返回文档中所有指定类名的元素querySelector():返回文档中匹配指定css选择器的第一个元素querySelectorAll():返回文档中匹配指定css选择器的第一个元素二. jQuery选择器基本选择器有ID选择器、类选择器、标签选择器、通用选择...
LayUI 表格组件 layui-soul-table
一、项目地址[gitee]二、完整安装1. 引入 CSS将 soulTable.css 引入项目 （在项目根目录可找到）2. 将插件文件夹拷贝到自己的项目中源码版位置：ext压缩版位置：docs/ext说明soulTable.js 总入口tableFilter.js 表头筛选excel.js excel导出tableChild.js 子表tableMerge.js 单元格合并3. 将模块引入项目中假设你放置的第三方插件目录为 static/modules/, soulTable 相关插件都在目录 static/modules/soulTable// 自定义模块，这里只需要开放soulTa...
LayUI:数据表格文档layui.table
1、 数据表格简单实用<table id="demo" lay-filter="test"></table>var table = layui.table; //执行渲染 table.render({ elem: '#demo' //指定原始表格元素选择器（推荐id选择器） ,height: 315 //容器高度 ,cols: [{}] //设置表头 //,…… //更多参数参考右侧目录：基本参数选项 });2、静态表格<table lay-filter="demo"> ...
LayUI:栅格系统与后台布局
栅格系统一、栅格布局规则：采用 layui-row 来定义行，如：<div class="layui-row"></div>采用类似 layui-col-md 这样的预设类来定义一组列（column），且放在行（row）内。其中：变量md 代表的是不同屏幕下的标记（可选值见下文）变量 代表的是该列所占用的12等分数（如6/12），可选值为 1 - 12如果多个列的“等分数值”总和等于12，则刚好满行排列。如果大于12，多余的列将自动另起一行。列可以同时出现最多四种不同的组合，分别是：xs（超小屏幕，如手机）、sm（小屏幕，如平板）、md（桌面中...
LayUI:页面元素规范与说明
layui 提倡返璞归真，遵循于原生态的元素书写规则，所以通常而言，你仍然是在写基本的 HTML 和 CSS 代码，不同的是，在 HTML 结构上及 CSS 定义上需要小小遵循一定的规范。 CSS内置公共基础类 类名（class） 说明 布局/容器 layui-main 用于设置一个宽度为 1140px 的水平居中块（无响应式） layui-inline 用于将标签设为内联块状元素 ...
LayUI:底层方法
本篇主要介绍基础库所发挥的作用，其中过滤了大部分在外部不常用的方法，侧重罗列了基础框架支撑。 全局配置方法：layui.config(options)你可以在使用模块之前，全局化配置一些参数，尽管大部分时候它不是必须的。所以我们目前提供的全局配置项非常少，这也是为了减少一些不必要的工作，尽可能让使用变得更简单。目前支持的全局配置项如下：layui.config({ dir: '/res/layui/' //layui.js 所在目录（如果是 script 单独引入 layui.js，无需设定该参数）一般可无视 ,version: false //一般用于更新模块缓存，默认不开启。...
Layui.data的本地存储方法
本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。sessionStorage 会话性存储：layui.sessionData(table, settings)，页面关闭后即失效。注：layui 2.2.5 新增上述两个方法的使用方式是完全一样的。其中参数 table 为表名，settings是一个对象，用于设置key、value//【增】：向test表插入一个nickname字段，如果该表不存在，则自动建...