Layui中jquery的使用方式

程序三两行

已于 2023-04-05 17:53:49 修改

阅读量1.3k

点赞数 1

文章标签： layui javascript 前端

于 2023-02-02 18:15:17 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_34491508/article/details/128855151

版权

layui 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

Layui的部分模块依赖jQuery，但不会自动全局加载。要全局使用$，需通过layui.use加载jquery模块。有两种方法：一是主动加载jquery和所需模块，如layer；二是如果已加载的模块本身依赖jQuery，如layer，可以直接使用layui.$。注意，$的使用范围限于layui.use的回调函数内。

摘要由CSDN通过智能技术生成

由于Layui部分内置模块依赖jQuery，所以相信很多童鞋引用layui的时候并没有单独再引入jQuery。但是如果在使用$常规写法获取dom元素时，却会提示未定义。

这是由于Layui虽然内置了jQuery1.11最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）。但是只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了jquery，它并不会重复加载。内置的jquery模块去除了全局的$和jQuery，是一个符合layui规范的标准模块。所以，你如果想全局$使用，最好还是单独引入自己的jquery.
在layui中使用内部jQuery的两种方法

//第一种：主动加载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;
 
  //……
});

ps:上面引用使用范围只能是放在layui.use的大括号里才有效