jQuery 笔记 - noConflict() 方法

jQuery 使用 $ 符号作为 jQuery 的简写,如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办?(其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS)其中某些框架也使用 $ 符号作为简写,如果我们在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行!

1.通过全名替代简写的方式来使用 jQuery

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery ok");
  });
});

2.创建自己的简写

//noConflict() 可返回对 jQuery 的引用,并把它存入变量
var wys = $.noConflict();
wys(document).ready(function(){
  wys("button").click(function(){
    wys("p").text("jQuery ok");
  });
});

3.在函数内使用 $ 符号,在函数外使用 "jQuery"

$.noConflict();
//把 $ 符号作为变量传递给 ready 方法
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery ok");
  });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由约翰·雷西格(...
    静候那一米阳光阅读 797评论 0 18
  • jQuery - AJAX 简介 AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页...
    鹿守心畔光阅读 817评论 0 6
  • 2017-09-18摘抄自W3school-jQuery - noConflict() 方法希望帮助自己系统地打好...
    moralok阅读 172评论 0 1
  • javascript功能插件大集合,写前端的亲们记得收藏 包管理器管理着 javascript 库,并提供读取和打...
    狗狗嗖阅读 812评论 0 1
  • @转自GitHub 介绍js的基本数据类型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou阅读 1,184评论 0 0