如果已经用了JQUERY,也就是HEAD里面已经引用了JQUERY,那么这个页面中那些和JQUERY没有任何关系的原生JS就不可以再使用除JUQERY的选择器缩写符号$了。
那么怎么办呢?
比如这一段JS:
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选择器,那么,只要将上面这段中的$全部替换成自己想要取的函数名字就可以了:
像这样:
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。