jQuery解决引用多个JavaScript库引起的$命名冲突的问题

在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。

参考示例如下:


<script
src="prototype.js"></script>
<!-- 引用的库1 -->

<script
src="jquery.js"></script>   
<!-- 引用的库2 -->

<script>

jQuery.noConflict();          
/* jQuery释放对$的控制权 */

</script>

<script
src="myscript.js"></script>    
<!-- 自己写的js代码,此时的$标识符是库prototype.js中的引用 -->

如表格中的代码所示,我们首先引用了prototype.js库,然后又引用了jquery.js库,在这个时候jQuery库拥有着对$标识符的控制权限。调用noConflict()方法,此时jQuery释放了对$标识符的控制权限,转让给了prototype.js使用。

jQuery释放了对$标识符的使用权限,所以后面所有jQuery用到$的地方都要用jQuery替代,比如$(document).ready(function(){}),需要写成jQuery(document).ready(function(){})。当然爱在ready函数内部,我们还有一种方法可以重新让jQuery使用$标识符-使用回调函数,但也只是仅局限于ready函数内部。方法:jQuery(document).ready(function($){//在这里可以正常使用$标识符})。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-08-09 11:47:53

jQuery解决引用多个JavaScript库引起的$命名冲突的问题的相关文章

完美解决jQuery符号$与其他javascript 库、框架冲突的问题

目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突. jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写. 例如:alert($('#message').val()); 必须修改为 alert(jQuery('#message').v

Web开发——JavaScript库(jQuery 语法 / 选择器 / 事件)

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions). 1.jQuery 语法 1.1 jQuery语法举例 1.1.1 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta h

JavaScript库——jQuery

导入jQuery库 1.直接连接网上的 https://code.jquery.com/jquery/+版本号 2.也可到官网下载jquery库到本地 JavaScript 库作用及对比 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的 JavaScript 库有: jQuery 是继 Prototype 之

简单入门JavaScript库jQuery:用选择符创建jQuery对象并应用方法

jQuery,顾名思义,也就是JavaScript和查询(Query),是一个辅助JavaScript开发的库. jQuery 能极大地简化 JavaScript 编程. 目录1 jQuery库包含的特性2 jQuery与JS3 获取页面元素4 DOM事件与jQuery方法5 简易操作DOM元素6 处理尺寸7 遍历操作8 过滤操作9 jQuery对JS的增强10 为页面添加动态效果11 jQuery与Ajax12 jQuery工具 通过jQuery,您可以选取(查询,query) HTML元素,

JavaScript(14)jQuery(JavaScript 库)

JavaScript 框架(库) JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时.为了应对这些调整,许多的 JavaScript (helper) 库应运而生. 这些 JavaScript 库常被称为 JavaScript 框架. jQuery jQuery 是目前最受欢迎的 JavaScript 框架.它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象).jQuery 同时提供 companion UI(用户界面)和插件. jQue

转 mvc项目中,解决引用jquery文件后智能提示失效的办法

mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法 这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常会引用jquery, 但是由于路由的关系,最终访问页面的地址相对js文件来说,是不固定的. 为了在view中能够引用到jquery文件,我们通常都是用如下的代码 <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")

如何实现jQuery与其他javascript库兼容

如何实现jQuery与其他javascript库兼容: 在使用jquery的时候,可能会出现与其他的javascript库冲突的情况,下面就介绍一下如何解决此问题. 解决方法就是使用jQuery的jQuery.noConflict()函数来避免冲突. jQuery.noConflict()函数简单介绍: 此函数可以将$的控制权让渡给后面第一个实现它的javascript库,在运行这个函数之后就只能够使用jQuery访问jQuery对象了,例如: $("div")需要改写成jQuery(

Web开发——JavaScript库(测试jQuery)

测试 JavaScript 框架库 - jQuery jQuery库下载:https://jquery.com/ 1.引用 jQuery 如需测试 JavaScript 库,您需要在网页中引用它. 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!--<meta charset="utf-8">-->

流行的JavaScript库 ——jQuery

1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器.当前流行的 JavaScript 库有:jQuery, MooTools, Prototype, Dojo, YUI, EXT_JS  DWR 2.jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. j