美文网首页
layui 框架使用学习

layui 框架使用学习

作者: EngineerPan | 来源:发表于2019-06-09 13:40 被阅读0次
  1. 将 layui 框架整体拖放入项目中;

  2. 在需要使用的地方首先引入 layui.css 文件;

    • 注意在使用 link 标签引入 css 文件时,一定要记得将框架文件放在最开始的位置;
  3. 然后再使用 script 引入 layui.js 文件;

    • 注意在使用 script 标签引入 js 文件时,一定要记得将框架文件放在最开始的位置;
  4. 然后使用 layui.use() 方法加载对应的 module 模块;

    1. 在加载 layer 模块的时候,由于 layui 已经将 jQuery 的一个稳定版本作为一个模块加载入 layer 模块中,因此可以不用加载直接使用;

    2. 单独通过 layui 加载自己内部的 jQuery 模块:

      // 所有的代码都放到 use 方法中(注意:加载 layui 中自带的 jQuery 模块时使用的模块名称是:jquery)
      layui.use("jquery", function () {
        var $ = layui.$;// layui 中内置的 jQuery 稳定版本模块
        // addClass() : 给匹配到的元素增加指定类名,并不是替换原有类名,原有的类名依然存在
        // 如果要一次添加多个类名,那么多个类名之间使用空格分开
        $("p:last").addClass("second");
      });
      

相关文章

网友评论

      本文标题:layui 框架使用学习

      本文链接:https://www.haomeiwen.com/subject/sozgxctx.html