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

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

导出教程下载word版教程

关于JS/JQuery

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

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