• jQuery多库共存处理$.noConflict()


     如果我们需要同时使用jQuery和其他JavaScript库,我们可以使用 $.noConflict()把$的控制权交给其他库。旧引用的$ 被保存在jQuery的初始化; noConflict() 简单的恢复它们。
        通过类似swap交换的概念,先把之前的存在的命名空间给缓存起来,通过对比当前的命名空间达到交换的目的,首先,我们先判断下当前的的$空间是不是被jQuery接管了,如果是则让出控制权给之前的_$引用的库,如果传入deep为true的话等于是把jQuery的控制权也让出去了。
        如果不通过noConflict处理的话其后果可想而知,香喷喷的$大家都“觊觎已久”。

    源码:

    var
        // Map over jQuery in case of overwrite
        _jQuery = window.jQuery,
    
        // Map over the $ in case of overwrite
        _$ = window.$;
    jQuery.noConflict = function( deep ) {
        if ( window.$ === jQuery ) {
            window.$ = _$;//window.$被释放
        }
    
        if ( deep && window.jQuery === jQuery ) {
            window.jQuery = _jQuery;
            //window.jQuery被释放,两个版本jQuery时
        }
    
        return jQuery;
    };

    demo:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试noConflict效果</title>
        <script src="jquery.js"></script>
    </head>
    <body>
    <div id="aaron">测试noConflict效果</div>
    
    <script type="text/javascript">
    
        $("#aaron").click(function() {
    
            $.noConflict(); //让出控制权
    //        $.noConflict(true); //window.$,window.jQuery让出控制权
            if (!$) {
                show("使用noConflict后,$不存在")
                console.log("使用noConflict后,$不存在")
            }
    
            if (jQuery) {
                show("使用noConflict后,jQuery存在")
            }
    
            //通过闭包隔离出$
       
    (function($) { if ($) { show("通过闭包隔离后,转为局部变量$存在") } })(jQuery); }) function show(data) { jQuery("body").append('<li>' + data + '</li>') } </script> </body> </html>

     通过闭包隔离出$,我们的代码很多地方是这样用的。尤其嵌入别的网站内的。

    (function($) {
    
            })(jQuery || $);

    有的js是jquery的结构

  • 相关阅读:
    SSM环境搭建 原始xml版本
    SpringMVC 学习 十六 中初始化视图解析器过程
    tomcat中http协议的get请求与post请求 是如何携带参数的
    Apache Tomcat 7介绍
    需要补充学习内容
    IIS应用程序池配置详解及优化
    openstack l3路由模式简单理解
    openstack neutron
    openstack网络架构
    linux 统计 TCP 网络连接状态
  • 原文地址:https://www.cnblogs.com/darr/p/5103579.html
Copyright © 2020-2023  润新知