jQuery - noConflict() 方法

最新推荐文章于 2024-03-14 00:15:00 发布
最新推荐文章于 2024-03-14 00:15:00 发布
阅读量179 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytm1996/article/details/81101903
版权

noConflict() 方法会释放对 $ 标识符的控制，这样其他脚本就可以使用它了

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $.noConflict()
            jQuery(document).ready(function(){
                jQuery("button").click(function(){
                    jQuery("p").text("Hello Word!")
                })
            })
        </script>
    </head>
    <body>
        <p>这是一个文本段落</p>
        <button>noconflict 方法</button>
    </body>
</html>

 

noConflict() 可返回对 jQuery 的引用，您可以把它存入变量，以供稍后使用。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var jq=$.noConflict()
            
            jq(document).ready(function(){
                jq("button").click(function(){
                    jq("p").text("Hello Word!")
                })
            })
        </script>
    </head>
    <body>
        <p>这是一个文本段落</p>
        <button>noconflict 方法</button>
    </body>
</html>

ytm1996
关注
jquery插件冲突(jquery.noconflict)解决方法分享
12-11
jQuery 的 API 设计充分考虑了多框架之间的引用冲突，我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。 jQuery.noConflict 方法包含一个可选的布尔参数[1]，用以决定移交 $ 引用的同时是否移交 jQuery ...
jQuery中noConflict()用法实例分析
12-02
jQuery中的`noConflict()`方法就是为了避免这种情况而设计的。 `$`在jQuery中通常被用作快捷方式来调用jQuery对象，但它本质上是`window.jQuery`的一个引用。`jQuery.noConflict()`的主要作用就是释放`$`这个符号，...
jquery库与其他库冲突的问题解决-jquery.noConflict()
www__wangji的专栏
08-15 8218
在使用jQuery开发的时候，可能还会使用到其他的JS库，比如Prototype，但多库共存时可能会发生冲突；若是发生冲突后，可以通过以下几种方案进行解决： 一、 jQuery库在其他库之前导入，直接使用jQuery(callback)方法如：
noConflict
ygl6150373的博客
09-06 366
 var $j = jQuery.noConflict();         $j(document).ready(              function() {                  $.ajax({                        type : "get",                        async : false,               ...
noConflict()
weixin_30642305的博客
07-09 89
正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batm...
「jQuery系列」jQuery noConflict() 方法、运用JSONP
最新发布
日常笔记/总结/系列知识梳理
03-14 861
JSONP（JSON with Padding）是一种跨域通信的技术，它允许网页从另一个域名的服务器请求数据。JSONP 并不是一种新的数据格式，而是基于 JSON 格式的一种“使用模式”。由于同源策略的限制，浏览器不允许跨域请求，而 JSONP 利用了标签没有跨域限制的漏洞，通过动态插入标签来请求跨域数据。
noConflict方法
Vivian_shuang的博客
07-22 557
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> script src="js/jq/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript"> // jQuery
WEB开发 之 jQuery - noConflict() 方法.docx
09-26
为了解决这个问题，jQuery提供了一个名为`noConflict()`的方法。`noConflict()`的主要作用是释放`$`这个标识符，将其控制权交还给之前持有它的库或框架，或者让开发者可以自由地重新分配`$`的用途。这样，其他框架...
jquery-1.9.1(js和min.js下载)
12-03
4. 避免全局污染：使用`$`符号可能会与其他库冲突，可以使用`jQuery.noConflict()`来解决，或者在闭包中使用`var $ = jQuery;`避免全局污染。 综上所述，jQuery 1.9.1版本是开发者常用的一个版本，它提供了完善的...
jquery中的noConflict方法详解
wojiamengmeng的博客
08-03 563
在网上看到关于noConflict的解释，好多人估计一眼就看出来了，所以写的很简略，而我总感觉被绕在里面。然后看到一个人写的蛮详细的，也挺容易理解的，但是越看越不对，虽然详细，但是好像理解有点误。 涉及到noConflict函数的主要有下面这些代码： var _jQuery = window.jQuery, _$ = window.$; jQuery.noConflict = func
jQuery源码分析之noConflict方法
高山上的鱼
10-25 859
代码1： //因为下面函数的返回值是jQuery对象，以后用x代替$了!只是名字不同而已! var x=$.noConflict(); var $=123;//到这里$被修改为123，$被写到这里noConflict里面的代码是没有意义的! x(function() { alert($);//打印123 }) //上面把var $=123写在那个位置下面两行代码没有意义的!那么什么时候有意义
jquery noConflict详解
weixin_34007906的博客
09-02 106
noConflict是防止其他库也用了$作为全局变量而引起的冲突，我们看看jquery是怎么做的 首先jquery在代码的开始部分定义了2个私有变量： _jQuery = window.jQuery _$ = window.$ 然后jquery提供了noConflict方法： 1 noConflict: function( deep ) { 2 if...
jQuery.noConflict 的理解
ISaiSai的专栏
11-21 578
jQuery.noConflict 会将 原始其它库定义的 $ 保存起来，当执行 jQuery.noConflict(); 的时候，将其还原如下代码第一个control 会输出function 第二个console会出输出 原来定义的$ ”String“<script> var $ = "String"; </script> <script src="base/jquery.js
jquery的noConflict方法
qq_42566295的博客
06-28 305
   在jQuery语法中，$符号是jQuery的简写方式。但在某些情况下，可能需要在同一个页面引入其他javascript库（比如Prototype）。因为$简短方便，很多的库也是使用$符号。为了避免名称冲突，jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库 。   三种对于$符号解决方法：&lt;div class="test"&gt;...
jQuery noConflict()方法
weixin_40905960的博客
04-07 342
noConflict()方法使用多种JS框架时，多个框架使用$符号会导致脚本停止运行，为防止出现这种情况，使用noConflict()方法来释放对￥符号的控制。1.使用$.noConflic();后通过全名代替简写来使用jQuery;2.创建自己的简写来供稍后使用，例：var jq=$.noConfict(); ；3.把$符号作为变量传递给ready方法，在函数内使用$符号，函数外仍需使用“jQu...
jQuery noConflict() 方法
xibozi的博客
11-11 774
在 jQuery 中，$ 仅仅是 jQuery 的别名，因此即使不使用 $ 也能保证所有功能性。假如我们需要使用 jQuery 之外的另一 JavaScript 库，我们可以通过调用 $.noConflict() 向该库返回控制权。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 1、该方法释放 jQuery 对 $ 变量的控制。 2、该方法也可用于为 jQuery 变量规定新的自定义名称 将 $ 引用的对象映射回原始的对象： 定义和用法 noConflict() 方法让渡变量 $ 的
jquery-3.4.1.min.js
11-30
引用[1]中提到了一种引入jQuery的方式，可以通过引入本地文件或者CDN来使用jQuery。其中，jquery-3.4.1.min.js是压缩版的jQuery文件，不利于查看源码，而jquery-3.4.1.js是正常版的jQuery文件，可以查看源码。 引用中提到了在使用jQuery时可能会出现$符号冲突的问题。为了解决这个问题，可以使用$.noConflict()方法来释放$符号的控制权，然后将jQuery对象赋值给一个新的变量，例如jQ。这样，就可以使用jQ来代替$符号来调用jQuery的方法了。 综上所述，jquery-3.4.1.min.js是压缩版的jQuery文件，而jquery-3.4.1.js是正常版的jQuery文件，可以查看源码。在使用jQuery时，如果出现$符号冲突的问题，可以使用$.noConflict()方法来解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值