layui中使用jquery,layui怎么使用jquery,layui和jquery冲突解决办法

看了下,
前端的layui还是挺好用的,
对于一些使用jquery的朋友来说,
刚开始不知道怎么在 layui 中引入 jquery,
不知道在 layui 怎么使用 jquery 选择器,
下面子恒老师来谈一下这个方面的内容。

layui

你只要按照下面的方法操作,
就能够解决 layui 和 jquery 冲突。

一、 前端 layui 引入 jquery
非常的简单,
你只要使用下面的代码就能完成

layui.use(['jquery'], function(){
  var $ = jQuery = layui.$;
  // 你可以在下面的 js 代码中使用你熟悉的 $, jQuery
});

二、 使用 layui jquery 选择器
通过第一步 layui 成功引入 jquery 后,
你就可以使用 jquery 选择器,
下面是一个简单的例子

<button id="sub">提交</button>
<script>
    layui.use(['jquery'], function(){
      var $ = jQuery = layui.$;
      // 你可以在下面的 js 代码中使用你熟悉的 $, jQuery
        $('#sub').click(function() {
            // todo
        });
    });
</script>

layui 功能还是挺强大的,
结合 jquery,
会提升你的开发效率。

猛击这里
观看《wordpress插件开发》系列视频,
了解实现过程和下载相关源代码

猜你喜欢

转载自blog.csdn.net/towtotow/article/details/80617626