jQuery释放$符方法jQuery noConflict() 与释放后如何调用

0 266 2022-09-30 01:41:52

简述

在jQuery文件末端加入这行代码，即可释放$符：jQuery.noConflict();

本文目录

1. jQuery noConflict()方法介绍
2. jQuery noConflict()用法
3. 释放$符后jQuery用法
方案一：全名法
方案二：改名法
方案三：变量法

jQuery是一个非常简单好用的js入门库，默认情况下，我们使用 $ 符号作为jQuery 的简写。

但如果使用的js库比较多，且其他JavaScript框架也使用$符作为简写，二者一见面就发生冲突，且可能导致脚本停止运行。这个时候要怎么办呢？

常见的与jQuery的$符会冲突的框架

MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

出于这个问题的考虑，noConflict() 方法就出现了。

jQuery noConflict()方法介绍

noConflict() 方法会释放对$标识符的控制，便于其他脚本进行调用。

jQuery noConflict()用法

在jQuery文件末端加入这行代码，即可释放$符，代码如下。

jQuery.noConflict();

释放$符后jQuery用法

方案一：全名法

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("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释放$符与释放后调用jQuery的方法。

本文地址：https://xzo.com.cn/develop/js/1112.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

jQuery

jQuery怎样做淡入淡出效果？ jQuery获取file控件中图片的宽高与大小动态生成元素触发事件无效的解决方法分享一段jQuery + CSS3小窗口右侧滑入的简单代码 jQuery滚动触底ajax加载怎样防止加载多次？ JQuery循环过滤空格+限制字数方法 jQuery随鼠标滚动触发CSS3动画 jquery实时监听input标签数字值的变化 jQuery发送验证码倒计时 jQuery监听点击事件弹出关注二维码教程 JQuery判断图片是否有alt属性，没有则自动添加帝国cms页面载入提交ajax异步加载数据（基于jQuery） jQuery滚动函数scrollTop无效的原因 jQuery释放$符方法jQuery noConflict() 与释放后如何调用 jQuery点击按钮触发表单提交 jQuery怎样给图片添加默认域名？ JQuery的ajax完整案例代码收藏 jQuery读取、写入、清除缓存cookie 帝国cms通过jQuery实现页面无刷新更新验证码方法 jQuery点击弹出视频播放效果

导出教程下载word版教程

关于前端开发

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。