jQuery"$"美元符号冲突的解决办法

感谢分享：http://blog.csdn.net/lowkeysk/article/details/7876487

jQuery不多介绍了，是我们前端开发过程中所使用的一个非常好用的一个框架，但是在实际开发过程中我们会发现有时候jQuery的$ 符号会与其他js框架出现冲突例如prototype.js。

下面来给大家提供三种解决该冲突的办法。

笔者假设造成冲突的js为common.js，代码如下

function $(id) {
    return document.getElementById(id);
}

一.当jquery在common.js之前引入

方法1：将$改写为jQuery

 

<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script>
<script type = "text/javascript" src = "js/common.js"></script>

<script type="text/javascript">
    jQuery(function(){
        alert("jquery获取文本框值："+jQuery('#test').val());
    });
    function ck(){
        alert("自定义函数获取文本框值： "+$('test').value);
    }
</script>
<input type = "text" id = "test" value ="我是文本框"  />
<input type = "button" id = "btn" value = "点击" onclick="ck()"/>

    方法2：jQuery.noConflict();自定义别名

 

<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script>
<script type = "text/javascript" src = "js/common.js"></script>

<script type="text/javascript">
    var jq = jQuery.noConflict();
    jq(function(){
        alert("jquery获取文本框值："+jq('#test').val());
    })
    function ck(){
        alert("自定义函数获取文本框值： "+$('test').value);
    }
</script>
<input type = "text" id = "test" value ="我是文本框"  />
<input type = "button" id = "btn" value = "点击" onclick="ck()"/>

方法3：使用语句块在语句块中仍然使用$,(

 

<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script>
<script type = "text/javascript" src = "js/common.js"></script>
<script type="text/javascript">
    (function($){
        $(function(){
            alert("jquery获取文本框值："+$('#test').val());
        })

        //alert("自定义函数获取文本框值： "+$('test').value);
    })(jQuery);
    function ck(){
        alert("自定义函数获取文本框值： "+$('test').value);
    }

</script>
<input type = "text" id = "test" value ="我是文本框"  />
<input type = "button" id = "btn" value = "点击" onclick="ck()"/>

这种方法虽然保留了jquery对$符号的使用权限，但是局限性相对较大，此外自定义函数ck()不可写入语句块中，否则按钮点击事件无法获取该方法。若在我们自定义的函数中应用到了jquery，但是又不能将自定义方法置于语句块中，这就是不推荐这种方式的原因。

二.jquery在common.js后引入。

方法：这种情况需要jQuery.noConflict();让出$符号的使用权限，通过上述的自定义别名的方式即可解决。