layui如何使用jquery

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;
 
  //……
});

以上是layui如何使用jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章！