框架并存机制

如何在页面上同时使用 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 style="font-size:18px;"><span style="font-size:18px;">$.noConflict();
jQuery(document).ready(function(){jQuery("button").click(function(){jQuery("p").text("jQuery 仍在运行！");});
});</span></span>

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

<span style="font-size:18px;"><span style="font-size:18px;">var jq = $.noConflict();
jq(document).ready(function(){jq("button").click(function(){jq("p").text("jQuery 仍在运行！");});
});</span></span>

实例：

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

<span style="font-size:18px;"><span style="font-size:18px;">$.noConflict();
jQuery(document).ready(function($){$("button").click(function(){$("p").text("jQuery 仍在运行！");});
});</span></span>

学习小结

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

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

jQuery学习（十二）—jQuery中对象的查找方法总结
jQuery学习(十二)-jQuery中对象的查找方法总结一.find方法作用:在元素1中查找元素2,类似于选择器中的后代选择器格式:元素1.find(元素2),元素2为CSS选择器或者jQue ...
jQuery库入门学习
跟着b站的"晓舟报告"学习,链接地址https://www.bilibili.com/video/BV1sv4y1Z7h6/?spm_id_from=333.999.0.0& ...
【jQuery】学习一下JS库——jQuery
[jQuery]学习一下JS库--jQuery jQuery 一.jQuery对象 01. 基本概念,区分DOM对象和jQuery对象 02. 两个对象之间的转换二.jQuery的使用方法关于隐式 ...
jQuery 学习-样式篇（八）：jQuery 设置元素的 CSS 样式
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
第四章前端开发——JQuery库
第四章前端开发学习--JQuery库一.jQuery基础二.使用选择器获取元素三.使用筛选器获取元素四.DOM操作五.属性和样式操作六.jQuery事件机制七.动画效果八.工具和其他 ...
第四篇前端学习之JQuery基础
一 jQuery是什么? jQuery就是一个JavaScript的库. <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入 ...
OpenCV学习笔记（十六）——CamShift研究 OpenCV学习笔记（十七）——运动分析和物体跟踪Video OpenCV学习笔记（十八）——图像的各种变换（cvtColor*+）imgproc
OpenCV学习笔记(十六)--CamShift研究 CamShitf算法,即Continuously Apative Mean-Shift算法,基本思想就是对视频图像的多帧进行MeanShift运算 ...
body区域怎么传一个数组_自己轻松写一个jQuery库
jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用jQuery.如果只考察使用工具库的网站,这个比例就会上升到惊人的 ...
17前端学习之JQuery基础(一):jQ介绍,jQ基本使用,jQ选择器,jQ样式操作,jQ动画效果
文章目录一.Jquery介绍: 1. JavaScript 库: 2 jQuery的概念 3. jQuery的优点二.jQuery 的基本使用: 1. jQuery 的下载 2. 体验jQuery ...

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

框架并存机制

jQuery noConflict() 方法

学习小结

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

最新文章

热门文章