jQuery 的noConflict()的使用.

jQuery之noConflict() 方法

jQuery 核心 - noConflict() 方法,运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库.这有助于确保jQuery不会与其他库的$对象发生冲突. noConflict() 方法源码: noConflict: function( deep ) { if ( window.$ === jQuery ) { window.$ = _$; } if ( deep && window.jQuery === jQuery ) { window.jQuery = _jQuery…

jQuery用noConflict代替$

js框架很多的情况下,很容易出现冲突,建议使用noConflict代替$ //消除$对jquery缩写 $.noConflict(); //使用了noConflict后,用$就会无效,应用jQuery jQuery(document).ready(function(){ console.log("sdf"); }) 也可以指定新的代替jQuery的名称 var myjq=$.noConflict(); myjq(document).ready(function(){ console.l…

jQuery静态方法noConflict的使用和源码分析

所谓静态方法是jQuery本身得公共方法,并不需要通过实例化来调用,一般也称为工具方法,下面先来列绝下jQuery.noConflict方法的用法: noConflict() 方法让渡变量 $ 的 jQuery 控制权. 该方法释放 jQuery 对 $ 变量的控制. 该方法也可用于为 jQuery 变量规定新的自定义名称. var jq=$.noConflict(); 下面来做个测试: <script src='jquery-1.7.1.js'></script> <scr…

jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例使用 noConflict() 方法为 jQuery 变量规定新的名称: var jq=$.noConflict(); 亲自试一试定义和用法 noConflict() 方法让渡变量 $ 的 jQuery 控制权. 该方法释放 jQuery 对 $ 变量的控制. 该方法也可用于为 jQuery 变量规定新的自定义名称. 提示:在其他 JavaScript 库为其…

jQuery库(noConflict)冲突解决机制

很多JSFramework库选择使用$符号作为一个函数或变量名,而在实际的项目开发,模板语言,则有可能"$"符号是模板语言keyword.例如Veclocity模板语言,$它是keyword.与jQuery冲突(页面中直接写jq代码,引入的js文件不存在该问题). 吐槽下为啥这么多js库喜欢用$($ is money?). jQuery是使用$符号作为函数或变量名最为典型的一个.在jQuery中,$符号仅仅是window.jQuery对象的一个引用,因此即使$被删除,jQuery依旧能…

jQuery 核心 - noConflict() 方法[避免冲突的方法]

定义和用法 noConflict() 方法让渡变量 $ 的 jQuery 控制权. 语法 jQuery.noConflict([removeAll]) 参数描述removeAll布尔值.指示是否允许彻底将 jQuery 变量还原. 说明许多 JavaScript 库使用 $ 作为函数或变量名,jQuery 也一样.在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证所有功能性.假如我们需要使用 jQuery 之外的另一 JavaScript 库,我们可以通过调用…

jquery Ajax noConflict()

如果幾個框架都在使用$作為標識符,那麼這個時候可以使用noConflict()處理衝突. 可以直接使用jquery代替簡寫,也可以定義變量,也可以將$賦值給ready函數,函數內部可以使用快捷方式,不能再使用快捷方式.…

jQuery 核心 - noConflict() 方法

1.遇到问题: 当我们写jquery时使用$,发现写的jquery全部失效: 2.发现问题: 排查后发现是noConflict()函数在作怪,因为使用noConflict()函数后,重新定义$名字为jq的原因,将$替换成jq即可实现所需效果: 3.分析方法: 使用 noConflict() 方法为 jQuery 变量规定新的名称: var jq = $.noconflict(); 例子: <html> <head> <script type="text/javasc…

jQuery的noConflict以及插件扩展

一.noConflict函数 JavaScript有很多插件,如果jQuery对象的$与其他插件冲突,我们可以使用noConflict()方法去掉$或者使用其他的符号代替注:noConflict()函数不能调用两次,上面代码是方便向读者展示二.jQuery的插件扩展 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery 的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQu…

jQuery 的noConflict()的使用.

我们项目现在需要用到两个js库.一个是jQuery库,还有一个是我们自己开发的轻量级的gys.js库. 而gys库对外提供的接口也是$符号.和jQuery库是一样的,这个时候,两个库就会发生冲突了,我们就需要让jQuery的$让出来. 可以这样解决. 一:jQuery.js库的引用在gys.js前面.直接使用jQuery(),没有必要使用jQuery.noConflict() <head runat="server"> <title></title>…

jQuery.noConflict()防冲突机制

许多JS库都非常喜欢使用$作为函数.变量.有时候,由于页面复杂的历史问题,或者为了实现特定的功能,我们不得不在页面中引入多个JS库.今儿个来学习学习jQuery库是怎么解决$冲突问题.(jQuery-1.7.1) jQuery库全部使用自身的jQuery对象来完成内部实现. 在源码开头,有两行代码: // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overw…

window.onload多个共存 - 借鉴jQuery.noConflict的思路

一.背景 window.onload方法只能存在一个,如果多次赋值给window.onload,则后者会覆盖前者. 二.浅谈jQuery.noConflict的实现方式 1)源代码 // 简化抽离出来源码 (function( window, undefined ) { var _jQuery = window.jQuery, _$ = window.$; jQuery.extend({ noConflict: function( deep ) { if ( window.$ === jQue…

jQuery noConflict() 方法----与其他javaScript插件冲突时

1,全名代替----jQuery: $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery 仍在运行!"); }); });2,创建自己的简写: var jq = $.noConflict(); jq(document).ready(function(){ jq("butt…

jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理

jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理最近在看jquery源码分析的视频教学,希望将视频中学到的知识用博客记录下来,更希望对有同样对jquery源码有困惑的童鞋能有一点点的帮助(我是从一个小白的角度出发,感觉挺容易理解的,顺带说下视频中jquery源码选取的是2.0.3版本). 我们都知道,使用$和jQuery效果是一样的,比如: <button id="btn">点我</button> $("#btn&q…

Jquery复习（九）之noConflict()

如何在页面上同时使用 jQuery 和其他框架? jQuery 和其他 JavaScript 框架正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写. 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 JavaScript 框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.JavaScript MVC.Google Web Toolkit.Google Closure.Ember.Batman…

【深入浅出jQuery】源码浅析--整体架构

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹. 另外,阅读源码让我接触到了大量底层的知识.对原生JS .框架设计.代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章. 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下…

如何在一个页面上让多个jQuery

如何在一个页面上让多个jQuery共存呢?比如jquery-1.5和jquery-1.11. 你可能会问,为什么需要在一个页面上让多个jQuery共存?直接引用最新版本的jQuery不行吗? 答案是,不行.因为现实生活是非常残酷的.举个栗子: 现有网站已经引用了jQuery 1.5以及相关插件.如果直接将jQuery升级到最新版,这些插件就不工作了,除非你能把这些插件全部升级,或者等各个插件的作者发布支持最新版jQuery的版本. 现在,如果我们要基于jQuery开发新的插件或者写JavaScr…

JQuery 快速入门

1.要学习Jquery @首先要在需要的页面引入 <script type="text/javascript" src="jquery.js"></script> @或者把Jquery引入到需要的用浏览器中. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> jQuery…

jQuery整体架构源码解析（转载）

jQuery整体架构源码解析最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹. 另外,阅读源码让我接触到了大量底层的知识.对原生JS .框架设计.代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章. 我在 github 上关于 jQuery 源码的…

jQuery.extend()方法和jQuery.fn.extend()方法源码分析

这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> <html> <head> <title></title> <script src='jquery-1.7.1.js'></script> </head> <body> <img src=''/>…

JQuery功能查询页

JQuery在前端开发中已经是常用的不能再常用的库了.最近的项目中使用到了JQuery,我第一次接触它的时候为了学习,把常用的操作指令用比较小的字体写在一页word上,打印出来贴在桌子上,用来让自己时时刻刻想用都能看到相关的API调用方法.这种方式非常有利于记忆,国外也经常会有一些Pocket Book,即简易查询字典,书中每一个功能都用很简单的一两句话描述,让自己想用的时候随时都能查到.在此,将我自己做完贴在桌子上的JQuery查询页分享出来,供大家参考. [JQuery] 引用JQuery库…

【jQuery 的noConflict()的使用.】的更多相关文章

jQuery之noConflict() 方法

jQuery用noConflict代替$

jQuery静态方法noConflict的使用和源码分析

jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

jQuery库(noConflict)冲突解决机制

jQuery 核心 - noConflict() 方法[避免冲突的方法]

jquery Ajax noConflict()

jQuery 核心 - noConflict() 方法

jQuery的noConflict以及插件扩展

jQuery 的noConflict()的使用.

jQuery.noConflict()防冲突机制

window.onload多个共存 - 借鉴jQuery.noConflict的思路

jQuery noConflict() 方法----与其他javaScript插件冲突时

jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理

Jquery复习（九）之noConflict()

【深入浅出jQuery】源码浅析--整体架构

如何在一个页面上让多个jQuery

JQuery 快速入门

jQuery整体架构源码解析（转载）

jQuery.extend()方法和jQuery.fn.extend()方法源码分析

JQuery功能查询页

jQuery 选择器（基础恶补之三)+Ajax

jQuery核心之 $

1.jquery的变量赋予方式

jquery中的clone()方法使用

jquery学习记录

HTML中动态图片切换JQuery实现

JQuery笔记：JQuery和JavaScript的联系与区别

jQuery 源码解析一：jQuery 类库整体架构设计解析

jQuery 简单归纳总结