温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jQuery中如何将$引用的对象映射回原始的对象

发布时间:2022-03-17 16:26:27 来源:亿速云 阅读:169 作者:iii 栏目:web开发

本文小编为大家详细介绍“jQuery中如何将$引用的对象映射回原始的对象”,内容详细,步骤清晰,细节处理妥当,希望这篇“jQuery中如何将$引用的对象映射回原始的对象”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  我们可以释放jQuery名字,传递true作为一个参数给这个方法。 这不是必须的,如果我们必须这样做的话(举个例子,如果我们在同一个页面上使用多个版本的jQuery库), 我们必须考虑到大多数插件依靠jQuery存在的变量,这种情况下,可能导致插件不能正常操作。

  例子:

  Example: 将$引用的对象映射回原始的对象。

  jQuery.noConflict();

  // Do something with jQuery

  jQuery("div p").hide();

  // Do something with another library's $()

  $("content").style.display = 'none';

  Example: 恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

  jQuery.noConflict();

  (function($) {

  $(function() {

  // more code using $ as alias to jQuery

  });

  })(jQuery);

  // other code using $ as an alias to the other library

  Example: 你可以通过jQuery.noConflict() ready约束为一小段代码

  var j = jQuery.noConflict();

  // Do something with jQuery

  j("div p").hide();

  // Do something with another library's $()

  $("content").style.display = 'none';

  Example: 创建一个新的别名用以在接下来的库中使用jQuery对象。

  var dom = {};

  dom.query = jQuery.noConflict(true);

  Result:

  // Do something with the new jQuery

  dom.query("div p").hide();

  // Do something with another library's $()

  $("content").style.display = 'none';

  // Do something with another version of jQuery

  jQuery("div > p").hide();

  Example: Load two versions of jQuery (not recommended). Then, restore jQuery's globally scoped variables to the first loaded jQuery.

  <!DOCTYPE html>

  <html>

  <head>

  <script src="https://code.jquery.com/jquery-latest.js"></script>

  </head>

  <body>

  <div id="log">

  <h4>Before $.noConflict(true)</h4>

  </div>

  <script src="https://code.jquery.com/jquery-1.6.2.js"></script>

  <script>

  var $log = $( "#log" );

  $log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );

  /*

  Restore globally scoped jQuery variables to the first version loaded

  (the newer version)

  */

  jq162 = jQuery.noConflict(true);

  $log.append( "<h4>After $.noConflict(true)</h4>" );

  $log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );

  $log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );

  </script>

  </body>

  </html>

读到这里,这篇“jQuery中如何将$引用的对象映射回原始的对象”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI