Class Query 是在 jQuery 之上开发的一个以 class 为主的 JavaScript 库。众所周知,jQuery 语法简单,应用方便,但却由于过于简单,没能提供更加强大的功能,比如 class/object 的扩展,这些对于协调开发都是不可或缺的。在这方面 prototype,mootools 做的都比较好。Class Query 正是出于此目的出现的。
看看这段代码:
<script src=”jquery.js”></script>
<script src=”classy.js”></script>
<script>
jQuery.Events.addEventListener(document, ”ready”, function(){
jQuery.querySelectorAll(”div”).forEach(function(elem){
jQuery.DOM.append(elem, ” <b>More…</b>”);
});
jQuery.querySelectorAll(”div b”).forEach(function(elem){
jQuery.Events.addEventListener(elem, ”click”, function(elem, event){
var next = jQuery.Traversal.nextSibling(elem);
var animation = jQuery.Effects.buildAnimation( next, {height: ”toggle”});
amimation.start();
});
});
});
</script>
class/object 可以扩展:
jQuery.DOM.boldWrapInner = jQuery.DOM.wrapInner.extend({
attach: function(elem){
this._super(elem, ”<b></b>”);
}
});
Happy April Fools Day 2008