layui如何使用jquery-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

layui使用jquery的方法：1、主动加载jquery模块，语句如“layui.use(['jquery', 'layer']...)”；2、通过“layui.use('layer', function(){...}”方法。

推荐《layUI教程》

layui使用内部jQuery：

遇到问题情境：

由于Layui部分内置模块依赖jQuery，所以没有单独引入jQuery，但是在使用$常规写法获取dom元素时，提示未定义

出现问题的原因：

由于Layui部分内置模块依赖jQuery，所以我们将jQuery1.11最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）。只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了jquery，它并不会重复加载。内置的jquery模块去除了全局的$和jQuery，是一个符合layui规范的标准模块。

两种解决方法：

//第一种：主动加载jquery模块
layui.use(['jquery', 'layer'], function(){ 
  var $ = layui.$ //重点处
  ,layer = layui.layer;
   
  //后面就跟你平时使用jQuery一样
  $('body').append('hello jquery');
});
  
//第二种：如果内置的模块本身是依赖jquery，你无需去use jquery，所以上面的写法其实可以是：
layui.use('layer', function(){ 
  var $ = layui.$ //由于layer弹层依赖jQuery，所以可以直接得到
  ,layer = layui.layer;
  
  //……
});