Jquery库和自己定义库的区别

这些天，我经常会碰到一些问题，由于自己不是很熟练Jquery库和自己所定义的base库的区别。

下面我就简单的来说说，它们二者之间的区别。个人认为在使用Jquery库和自己定义的base库在一定的程度上是水火不相容的。

在我引入jquery时，登录框是完全可以用的。因为它没有用到我在base库里面的任何方法。

//登录框

/*

var top=(document.documentElement.clientHeight-250)/2;

var left=(document.documentElement.clientWidth-350)/2;

$('#login').css('top',top+'px').css('left',left+'px');

window.onresize=function(){

var top=(document.documentElement.clientHeight-250)/2;

var left=(document.documentElement.clientWidth-350)/2;

$('#login').css('top',top+'px').css('left',left+'px');

}

$('.login').click(function(){

$('#login').css('display','block');

$('#screen').lock;





});

$('.close').click(function(){

$('#login').css('display','none');

$('#screen').unlock;

});

下面是我自己在base库中定义的一个使登录界面居中的方法

//设置物体居中

Base.prototype.center=function(width,height){

var top=(document.documentElement.clientHeight-250)/2;

var left=(document.documentElement.clientWidth-350)/2;

for(var i=0;i<this.elements.length;i++){

this.elements[i].style.top=top+'px';

this.elements[i].style.left=left+'px';

}

return this;

}

在引入了jquery的情况下，我想用jquery的方法调用base库里面的方法，是不可能的。它会报错。

要解决这样的方法。必须把调用代码变成如下

$().getId('login').center(350,250).resize(function(){

$().getId('login').center(350,250);

});

并且，要删除jquery引用，方能解决问题。