Implementing .css() and .attr() in MooTools 1.2.3

开发商很少能够仅以一个框架开展工作。 往往需要开发商在MooTools和jQuery之间浮动。 你们可以想象,这样做会带来因子关系而形成的er。 经常使用的小差别之一是jQuery s attr(和cs(诉MooToolsset(和Style()。

The MooTools JavaScript Code

/* implement */
Element.implement({
	css: function(property,value) {
		var type = $type(property);
		if(value == undefined && type !=  object ) {
			return this.getStyle(property);
		}
		else {
			var pvs = property;
			if(type !=  object ) { pvs = {}; pvs[property] = value; }
			return this.setStyles(pvs);
		}
	},
	attr: function(property,value) {
		var type = $type(property);
		if(value == undefined && type !=  object ) {
			return this.get(property);
		}
		else {
			var pvs = property;
			if(type !=  object ) { pvs = {}; pvs[property] = value; }
			return this.set(pvs);
		}
	}
});

/* css testing! */
//will return "200px"
console.log( css(width) =   + $( subject ).css( width ));
//will set width value to "500px"
console.log( css(width,500) =   + $( subject ).css( width ,500));
//will set width value to "700px"
console.log( css(width,700) =   + $( subject ).css({width:700}));

/* attr testing! */
//will return "moo"
console.log( attr(rel) =   + $( subject ).attr( rel ));
//will set width value to "500px"
console.log( attr(rel,mootools) =   + $( subject ).attr( rel , mootools ) +   ::   + $( subject ).attr( rel ));
//will set width value to "700px"
console.log( attr(rel,mootools ftw!) =   + $( subject ).attr({rel: mootools ftw }) +   ::   + $( subject ).attr( rel )

我个人不喜欢MooTools的这个辛子,但希望这能帮助一个人!