javascript代码实例教程-jQuery 自学笔记―7 $符号规则

发布时间:2019-02-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery 自学笔记―7 $符号规则脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 正如您已经了解到的,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:

 

$.noConflict();

jQuery(document).ready(function(){

  jQuery("button").click(function(){

    jQuery("p").text("jQuery 仍在运行!");

  });

});

亲自试一试

 

实例

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

 

VAR jq = $.noConflict();

jq(document).ready(function(){

  jq("button").click(function(){

    jq("p").text("jQuery 仍在运行!");

  });

});

亲自试一试

 

实例

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

 

$.noConflict();

jQuery(document).ready(function($){

  $("button").click(function(){

    $("p").text("jQuery 仍在运行!");

  });

});

亲自试一试

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery 自学笔记―7 $符号规则全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery 自学笔记―7 $符号规则所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。