文档章节

jQuery库与其它冲突问题

克温s
 克温s
发布于 2015/12/31 17:19
字数 183
阅读 30
收藏 3

一,jQuery库在其它库之后引入

    1,$()换成jQuery()作为制造工厂

<!--其它js-->
<!--jQuery js-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery.noConflict();//将变量$的控制权交给其它库
    jQuery(function(){
        jQuery("p").click(function () {
            alert(jQuery(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    2,自定义快捷方式

<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(function(){
        $j("p").click(function () {
            alert($j(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    3,jQuery内部使用

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function($){
        $("p").click(function () {
            alert($(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    4,匿名函数

<script type="text/javascript">
    jQuery.noConflict();
    (function($){
        $("p").click(function () {
            alert($(this).text());
        });
    })(jQuery);
    $("pp").style.display = 'none';
</script>

二,jQuery库在其它库之前导入

    直接使用jQuery或$()

jQuery.noConflict();//无需
    jQuery(function(){
        jQuery("p").click(function () {
            alert(jQuery(this).text());
        });
    });
    $("pp").style.display = 'none';

    

© 著作权归作者所有

共有 人打赏支持
克温s
粉丝 2
博文 52
码字总数 19221
作品 0
东城
项目经理
解决jQuery和其它库的冲突

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

Junn
2013/01/21
0
0
五种方法解决jQuery和Prototype兼容性

第一种情况:先加载Prototype,再加载jQuery 方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的。 使用jQuery.noConflict();主要作用是...

zhengguogaun
2013/06/19
0
0
五种方法解决Magento中jQuery和Prototype兼容性

Magento的发布版本里的JS大多是用Prototype写的,如果需要引入jQuery的话,可能有些变量会冲突,所以需要做些处理来处理jQuery和Prototype的兼容性。 第一种情况:先加载Prototype,再加载j...

PHPUI
2012/04/27
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

没有更多内容

加载失败,请刷新页面

加载更多

hive分桶

hive为啥分桶? 更加细粒度的划分数据,既可以使用分桶技术实现。 作用 对数据进行抽样查询,较为高效。 可以使查询效率提高。 hive分桶技术 分桶字段是表内字段,默认是对分桶的字段进行has...

Mr_yul
15分钟前
0
0
SQL中的case when then else end用法

Case具有两种格式。简单Case函数和Case搜索函数。 --简单Case函数CASE sex WHEN '1' THEN '男' WHEN '2' THEN '女'ELSE '其他' END--Case搜索函数CASE WHEN sex...

牛奋Debug
34分钟前
0
0
log4j2发送消息至Kafka

title: 自定义log4j2发送日志到Kafka tags: log4j2,kafka 为了给公司的大数据平台提供各项目组的日志,而又使各项目组在改动上无感知。做了一番调研后才发现log4j2默认有支持将日志发送到kaf...

微笑向暖wx
43分钟前
1
0
LINUX中如何查看某个端口是否被占用(转发)

LINUX中如何查看某个端口是否被占用 之前查询端口是否被占用一直搞不明白,问了好多人,终于搞懂了,现在总结下: 1.netstat -anp |grep 端口号 如下,我以3306为例,netstat -anp |grep 33...

覃大光
今天
1
0
JBolt 1.5.0新版发布,升级到支持最新版JFinal和Jetty,实现了在线更新插件功能

JBolt是一个JFinal极速开发框架 定制版IDE插件 目前仅有Eclipse插件版,Idea插件版正在开发中。 JBolt的详细使用教程请移步到这里 =====版本1.5.0 更新内容 2018年10月13日10:41:52===== 注意...

山东-小木
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部