function $(id)冲突

如果已经用了JQUERY，也就是HEAD里面已经引用了JQUERY，那么这个页面中那些和JQUERY没有任何关系的原生JS就不可以再使用除JUQERY的选择器缩写符号$了。

那么怎么办呢？

比如这一段JS：

// JavaScript Document
function $(id) { return document.getElementById(id); }
function addLoadEvent(func){
 var oldonload = window.onload;
 if (typeof window.onload != 'function') {
  window.onload = func;
 } else {
  window.onload = function(){
   oldonload();
   func();
  }
 }
}

如果既要用到这段JS，又想调用JS库模块，并且该库已经把$当成了ID选择器，那么，只要将上面这段中的$全部替换成自己想要取的函数名字就可以了：

像这样：

// JavaScript Document
function getObj(id) { return document.getElementById(id); }
function addLoadEvent(func){
 var oldonload = window.onload;
 if (typeof window.onload != 'function') {
  window.onload = func;
 } else {
  window.onload = function(){
   oldonload();
   func();
  }
 }
}

此处用getObj替代$，那么这段JS将不再与JQUERY之类的JS库冲突。

如果要优化，由于JQUERY的引入，甚至可以用$替换掉其中的getElementsByTagName或者getElementById。