文档章节

解决jquery冲突的几种方法

nancy88hh
 nancy88hh
发布于 2014/12/30 10:36
字数 222
阅读 9
收藏 0
方法一: 
jQuery.noConflict();               //将变量$的控制权让渡给prototype.js
jQuery(function(){                 //使用jQuery
        jQuery("p").click(function(){
                alert( jQuery(this).text() );
        });
});

$("pp").style.display = 'none';    //使用prototype


方法二:

var $j = jQuery.noConflict();                //自定义一个比较短快捷方式
$j(function(){                               //使用jQuery
        $j("p").click(function(){
                alert( $j(this).text() );
        });
});

$("pp").style.display = 'none';                //使用prototype


方法三:

jQuery.noConflict();                            //将变量$的控制权让渡给prototype.js
jQuery(function($){                             //使用jQuery
        $("p").click(function(){                //继续使用 $ 方法
                alert( $(this).text() );
        });
});

$("pp").style.display = 'none';                //使用prototype


方法四:

jQuery.noConflict();                           //将变量$的控制权让渡给prototype.js
(function($){                                  //定义匿名函数并设置形参为$
        $(function(){                          //匿名函数内部的$均为jQuery
                $("p").click(function(){       //继续使用 $ 方法
                        alert($(this).text());
                });
        });
})(jQuery);                                     //执行匿名函数且传递实参jQuery

$("pp").style.display = 'none';                //使用prototype


方法五: 
jQuery(function(){               //直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。
        jQuery("p").click(function(){      
                alert( jQuery(this).text() );
        });
});

$("pp").style.display = 'none'; //使用prototype


本文转载自:http://www.w3cfuns.com/blog-5456405-5402850.html

上一篇: 网站设计
下一篇: 移动端meta
nancy88hh
粉丝 0
博文 24
码字总数 12876
作品 0
广州
私信 提问
解决jQuery和其它库的冲突

在jQuery库中,几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突.(注意:默认情况下,jQu...

Junn
2013/01/21
0
0
谈谈 jQuery 中的防冲突(noConflict)机制

许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个。在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保...

i33
2013/03/13
0
0
jQuery命名冲突解决的五种方案

引言: 最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jqu...

龙上
2012/03/30
0
0
从零实现一个简易的jQuery框架之二—核心思路详解

如何读源码 整体框架甚是复杂,也不易读懂。但是若想要在前端的路上走得更远、更好,研究分析前端的框架无疑是进阶路上必经之路。但是庞大的源码往往让我们不知道从何处开始下手。在很长的时...

余大彬
2018/08/08
0
0
Velocity与jQuery的$发生冲突时的三种解决方法

Velocity的$与Jquery的$发生冲突时的解决方法有以下几个: 1、使用jQuery代替$。 如:jQuery.ajax(); 缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发 2、使用jQuery.noConflict。 如:...

黄平俊
2010/01/31
2.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
解决多线程并行加载缓存问题(利用guava实现)

依赖 com.google.guava:guava:20.0 import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import j......

暗中观察
昨天
3
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
2
0
组装一台工作游戏两用机

一、配置清单如下: 分类 项目 价格(元) 主板 华硕(ASUS)TUF Z370-PLUS GAMING II 电竞特工 Z370二代 支持9代CPU 1049 CPU 英特尔(Intel) i7 8700K 酷睿六核 盒装CPU处理器 2640 风扇 九...

mbzhong
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部