Layui中jquery的使用方式

简介: Layui中jquery的使用方式

由于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的大括号里才有效


相关文章
|
11月前
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格
|
JavaScript
layUI下使用jQuery
layUI下使用jQuery
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
前端开发
jquery-操作css方法17
jquery-操作css方法17
110 0
jquery-操作css方法17
|
前端开发 JavaScript
jQuery——jQuery的CSS,class,属性操作及案例应用
jQuery——jQuery的CSS,class,属性操作及案例应用
156 0
jQuery——jQuery的CSS,class,属性操作及案例应用
|
JavaScript
jQuery——jQuery特殊属性操作
jQuery——jQuery特殊属性操作
153 0
jQuery——jQuery特殊属性操作
|
JavaScript
【Layui】使用jquery
【Layui】使用jquery
184 0
|
JavaScript 前端开发
从零玩转jQuery-CSS操作
jQuery操作CSS样式 css(name|pro|[,val|fn])方法 用于设置或获取元素CSS样式 格式1:DOM元素.css("样式名称", "值"); 格式2:DOM元素.
960 0
|
Web App开发 前端开发 JavaScript
jQuery系列 第三章 jQuery框架操作CSS
第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式。 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程。
1067 0