jQuery技术

很容易学习的JQuery库 : (八) 杂项 noConflict() 方法

字号+ 作者:H5之家 来源:H5之家 2016-04-08 13:03 我要评论( )

很容易学习的JQuery库 : (八) 杂项 noConflict() 方法 框架并存机制如何在页面上同时使用 jQuery 和其他框架? jQuery 和其他 JavaScript 框架,正如已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他JavaScript 框架也使用 $ 符号作为简写怎

很容易学习的JQuery库 : (八) 杂项 noConflict() 方法

框架并存机制如何在页面上同时使用 jQuery 和其他框架?
jQuery 和其他 JavaScript 框架,正如已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。
如果其他JavaScript 框架也使用 $ 符号作为简写怎么办?
其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
其中某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行。
jQuery 的团队考虑到了这个问题,并实现了 noConflict() 方法。
jQuery noConflict() 方法noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。
实例:
当然,仍然可以通过全名替代简写的方式来使用 jQuery:

<span><span>$.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery 仍在运行!"); }); });</span></span>

也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用,可以把它存入变量,以供稍后使用。请看这个例子:

<span><span>var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery 仍在运行!"); }); });</span></span>

实例:
如果 jQuery 代码块使用 $ 简写,并且不愿意改变这个快捷方式,那么可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外,依旧不得不使用"jQuery":

<span><span>$.noConflict(); jQuery(document).ready(function($){ $("button").click(function(){ $("p").text("jQuery 仍在运行!"); }); });</span></span>

学习小结关于JQuery部分的知识,这是最后的一个杂项的学习,就目前阶段关于这部分知识的学习算是告一段落,也是今后相关学习的开始,希望后面的学习,也和JQuery一样有趣,加油!做明天更好的自己!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 从零开始学习jQuery (一)(3)

    从零开始学习jQuery (一)(3)

    2016-04-08 14:00

  • 自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享一下! - 李 维

    自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享

    2016-04-06 16:02

  • jQuery常用的一些技巧汇总

    jQuery常用的一些技巧汇总

    2016-04-04 11:03

  • Jquery实现简单的轮播效果(代码管用)

    Jquery实现简单的轮播效果(代码管用)

    2016-03-30 18:15

网友点评