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

0 211 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

帝国cms页面载入提交ajax异步加载数据（基于jQuery）帝国cms通过jQuery实现页面无刷新更新验证码方法 QQ情侣头像API接口代码怎样用Javascript做彩色的随机样式标签云？ jQuery方法解决同类名元素下同时生效的问题（find方法查找父元素） JQuery的ajax完整案例代码收藏 jQuery怎样做淡入淡出效果？ jquery全部版本线上地址动态生成元素触发事件无效的解决方法 jQuery递归函数ajax请求过多导致被服务器封禁了怎么办？自动切换导航高亮效果（基于jQuery） JQuery判断图片是否有alt属性，没有则自动添加帝国cms怎样在发布文章后自动生成目录 jQuery随鼠标滚动触发CSS3动画 jquery实时监听input标签数字值的变化 jQuery的load()方法怎么用，报错/无效怎么办？ jQuery读取、写入、清除缓存cookie jQuery滚动触底ajax加载怎样防止加载多次？ jQuery怎样实现全选反选、选中奇数偶数？使用jQuery控制2个按钮来回切换可点击效果

导出教程下载word版教程

关于前端开发

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

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