袁来如此的工作笔记
袁来如此的工作笔记
竹杖芒鞋轻胜马，谁怕？ 一蓑烟雨任平生。

怎么在layui中使用jQuery？

浏览量:102

jQuery noConflict() 方法
noConflict() 方法会释放对 $ 标识符的控制，这样其他脚本就可以使用它了

当然，也可以通过全名替代简写的方式来使用 jQuery：

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery 仍然在工作!");
    });
});
也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用，可以把它存入变量，以供稍后使用

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery 仍然在工作!");
    });
});
如果你的 jQuery 代码块使用 $ 简写，并且你不愿意改变这个快捷方式，那么可以把 $ 符号作为变量传递给 ready 方法

这样就可以在函数内使用 $ 符号了，但是在函数外，依旧不得不使用 “jQuery”：

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery 仍然在工作!");
    });
});
我当然不是来说jQuery 的，我是来说 layui 的，一定不好好看文档吧

使用内部jQuery
由于 layui 部分内置模块依赖 jQuery，所以 layui 将 jQuery1.11 最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）

内置的 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