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


相关文章
|
前端开发 JavaScript 安全
前端框架Layui实现动态选项卡&iframe使用(附源码)
前端框架Layui实现动态选项卡&iframe使用(附源码)
2753 0
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
|
前端开发 JavaScript Java
Layui的选项卡及菜单
Layui的选项卡及菜单
565 0
|
JavaScript 前端开发 Java
正则表达式深度解析:匹配任意字符串
【4月更文挑战第1天】
8602 0
|
前端开发
Layui 内置方法 - layer.load(加载层)
Layui 内置方法 - layer.load(加载层)
3081 0
LayUI upload上传组件上传文件的两种方式
LayUI upload上传组件上传文件的两种方式
1547 0
|
缓存 自然语言处理 Java
详解FreeMarker Template:在Spring Boot中实现动态内容生成
详解FreeMarker Template:在Spring Boot中实现动态内容生成
3037 13
|
11月前
|
SQL 测试技术 数据库
SQL Server 2022 企业版ISO安装步骤(附安装包从挂载到配置全流程)
本文介绍了在Windows 10/11或Server系统上安装SQL Server的完整步骤,包括挂载ISO文件、运行setup.exe、选择安装类型与功能、配置实例和服务账户,设置混合身份验证及SA密码,并建议安装SSMS进行连接测试,确保数据库引擎正常运行。
4686 1
|
Java 关系型数据库 MySQL
深入解析 @Transactional——Spring 事务管理的核心
本文深入解析了 Spring Boot 中 `@Transactional` 的工作机制、常见陷阱及最佳实践。作为事务管理的核心注解,`@Transactional` 确保数据库操作的原子性,避免数据不一致问题。文章通过示例讲解了其基本用法、默认回滚规则(仅未捕获的运行时异常触发回滚)、因 `try-catch` 或方法访问修饰符不当导致失效的情况,以及数据库引擎对事务的支持要求。最后总结了使用 `@Transactional` 的五大最佳实践,帮助开发者规避常见问题,提升项目稳定性与可靠性。
2279 12

热门文章

最新文章