supesite 等程序中 $ 函数与 jquery 冲突的解决办法

1.替换选择器函数

将原程序中的：

function $(id) {

    return document.getElementById(id);

}

 

替换为：

function $(id) {

    if (typeof jQuery == 'undefined' || (typeof id == 'string' && document.getElementById(id))) {

        return document.getElementById(id);

    } else if (typeof id == 'object' || !/^\w*$/.exec(id) || 
                            /^(body|div|span|a|input|textarea|button|img|ul|li|ol|table|tr|th|td)$/.exec(id)){

        return jQuery(id);

    }

    return null;

}

做一个兼容，对于以前直接用字符串ID的调用依旧使用document.getElementById(id)去获取DOM对象；而如果传入的ID是对象，或者里面有特殊符号（如 # . : ^ 等 jQuery 选择器符号）或者是常用的html标签，就使用jQuery选择器去获取jQuery对象。

2.需要先加载jquery的库，然后加载声明这个兼容的 $ 函数的js文件，以覆盖掉jquery的 $ 函数。

<script language="javascript" type="text/javascript" src="source/script_jquery.js"></script>

<script language="javascript" type="text/javascript" src="source/script_common.js"></script>

…………

假如有个TAG的ID是'ctrl_with_id'，使用 $('ctrl_with_id') 取得的是DOM的对象，使用$('#ctrl_with_id')可取得jQuery对象，互相不会冲突。

如此，原来程序中的 $ 函数依旧工作，而且同时可以使用 $ 作为jQuery的选择器。

这么解决冲突，暂时还未发现问题。