`
Before_Morning
  • 浏览: 36336 次
文章分类
社区版块
存档分类
最新评论

jQuery.noConflict() 函数详解

 
阅读更多

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权

一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")$("p")是等价的。由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库。

不过,其他JS库也可能使用变量$来进行操作,例如Prototype库。这个时候两个库可能会由于变量$的控制权问题而发生冲突。

此时,你可以使用该函数让出jQuery库对变量$的控制权,将该变量交给上一个实现它的JS库,之后我们只能使用变量jQuery来操作jQuery库。

此外,使用该函数,还可以同时让出变量$和变量jQuery的控制权,从而实现多个不同版本的jQuery库共存(详情见下面的示例说明)。

该函数属于全局jQuery对象。(原文链接:http://www.365mini.com/page/jquery_noconflict.htm

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="prototype.js"></script>
	<script src="jquery.js"></script>
</head>
<body>
	<input type="text" id="a" value="aaaaa">
	<script>
		var sowhat = jQuery.noConflict()
		alert('这是jquery弹出的'+sowhat('#a').val());
		alert('这是prtotype弹出的'+$F('a'));
		//alert('这是jquery弹出的'+jQuery('#a').val());
	</script>
</body>
</html>

分享到:
评论

相关推荐

    jSignature.min.noconflict.zip

    在一些项目中,可能存在多个JavaScript库同时使用的情况,此时`noconflict`模式可以确保jSignature的函数不会与其它库的函数重名,保证正常运行。 3. **style.css**: 这是jSignature插件的样式表文件,定义了签名...

    解决jquery与dwr冲突(java/jsp)

    首先加载了jQuery库(版本为1.3.2),然后通过`jQuery.noConflict()`方法将jQuery的`$`符号替换为一个新的变量名(这里为`$j`)。接着,加载了DWR相关的JavaScript文件(包括接口定义、引擎和工具库)。在DWR部分,...

    jquery.中文帮助文档

    **jQuery 中文帮助文档详解** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个“jquery.中文帮助文档”提供了一个全面的学习资源,旨在...

    jquery-1.3.2.min.js

    - **jQuery与其他库的兼容**:jQuery设计时考虑了与其他库共存,如使用$.noConflict()避免命名冲突。 - **jQuery源码阅读**:理解.min.js背后的源码逻辑,有助于深入学习JavaScript和前端开发。 总之,jQuery ...

    jquery基本语法ppt

    **jQuery基本语法详解** jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇将详细介绍jQuery的核心API和基本语法。 ### jQuery核心函数 1. **jQuery(expression...

    jquery入门基础知识

    ### jQuery入门基础知识详解 #### 一、jQuery简介与特点 **jQuery** 是一款非常流行的 JavaScript 库,它的设计目标是让 Web 开发变得更加简洁高效。根据文档中的介绍,我们可以了解到以下几点关键信息: 1. **...

    jQuery无冲突模式详解

    如果你不希望为jQuery创建新的别名,或者想要保留`$`的便利性,可以使用另一种方法,即在`jQuery(document).ready()`函数中将`$`作为参数传递,使其在函数内部作为jQuery的别名: ```javascript jQuery.noConflict...

    jQuery中 noConflict() 方法使用

    ### jQuery中的`noConflict()`方法详解 #### 一、引言 随着Web开发技术的不断发展,越来越多的JavaScript库和框架被引入到项目中。在众多的JavaScript库中,jQuery因其简洁易用的特点而广受欢迎。然而,当一个项目...

    jQuery中extend函数的实现原理详解

    extend()是jQuery中一个重要的函数,作用是实现对对象的扩展, 它经常用于jQuery插件的开发,jQuery内部也使用它来扩展属性方法,如上篇文章中讲到的noConflict方法,就是用extend方法来扩展的。 在jQuery的API手册...

    Jquery中$(document).ready(function(){ })函数的使用详解

    Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict(); jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象...

    JQ插件库jquery-1.8.3.min.js

    《jQuery插件库详解:从jquery-1.11.3.min.js到jquery-1.8.3.min.js》 jQuery,简称JQ,是一款高效、简洁、易用的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。它通过提供一套...

    jQuery笔记

    ### jQuery基础知识及应用详解 #### 一、jQuery简介与优势 **jQuery** 是一款轻量级的 JavaScript 库,它的核心理念是“write less, do more”,即“写得更少,做得更多”。jQuery 提供了一系列简洁易用的 API ...

    jquery 3.2.1集合.rar

    《jQuery 3.2.1 集合详解》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,一直深受开发者喜爱。3.2.1是jQuery的一个稳定版本,它包含了丰富的功能和优化,使得网页交互变得更加简单高效。本文将深入...

    jQuery学习笔记

    ### jQuery学习笔记知识点详解 #### 一、简介与基本概念 **jQuery** 是一款轻量级的 JavaScript 库,它的设计宗旨是“write less, do more”,即“写得更少,做得更多”。通过简化 HTML 文档遍历、事件处理、动画...

    jquery3.2.1官方正版

    **jQuery 3.2.1 官方正版详解** jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及AJAX交互。版本3.2.1是jQuery的一个稳定版本,提供了诸多改进和优化,使得开发者...

    jquery学习进阶使用

    ### jQuery 学习进阶使用知识点详解 #### 一、jQuery 遍历方法 **1. 获取父节点** - **parent() 方法**: 返回被选元素的直接父元素。 - 示例代码:`$("span").parent();` 这将返回 `&lt;li&gt;` 元素。 - **parents()...

    jQuery开发技术详解

    jQuery设计时考虑到了与其他JavaScript库的共存,通过`$.noConflict()`方法可以释放$符号,避免与其他库冲突。 ### 9. 最佳实践与性能优化 了解如何有效地使用jQuery可以提高代码性能。例如,避免过多的DOM操作,...

Global site tag (gtag.js) - Google Analytics