引入jquery.js和jquery-1.10.2.min.js 发生冲突解决办法

<html>
<head>
</head>
<body>
<body>
<div id = "a">a</div>
<div id = "b">b</div>
<script src = "js/jquery.js"></script>
<script>
//重新加载的这个jquery,这个使用原来的$方法。
$("#b").click(function(){
$(this).html("bbbb");
})
</script>

<script src = "js/jquery.min.js"></script>
<script>
//这里,添加你的插件,把jquery中的$换成jq,
var jq=$.noConflict();
//插件的主体中,所有的$,全部换成jq代替。
jq("#a").click(function(){
jq(this).html("aaaa");
})
</script>

</body>
</html>

 

如果这样有问题,把他们换个位置,变成

 

<script src = "js/jquery.min.js"></script>
<script>
    //这里,添加你的插件,把jquery中的$换成jq,
    var jq=$.noConflict();
    //插件的主体中,所有的$,全部换成jq代替。
    jq("#a").click(function(){
        jq(this).html("aaaa");
    })
</script>
 
<script src = "js/jquery.js"></script>
<script>
    //重新加载的这个jquery,这个使用原来的$方法。
    $("#b").click(function(){
        $(this).html("bbbb");
    })
</script>

引入jquery.js和jquery-1.10.2.min.js 发生冲突解决办法,布布扣,bubuko.com

引入jquery.js和jquery-1.10.2.min.js 发生冲突解决办法

上一篇:JS的构造函数


下一篇:【CSS3】Advanced3:Universal, Child, and Adjacent Selectors