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

发布时间：2022-03-17 16:26:27 作者：iii
来源：亿速云阅读：192

本文小编为大家详细介绍“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>

　　</head>

　　<body>

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

　　</div>

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

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

相关阅读