用队列模拟jquery的动画算法实例

    var init = aQuery.fn.init = function(selector) {
        var match = rquickExpr.exec(selector);
        var element = document.getElementById(match[1])
        this.element = element;
        return this;
    }
    //差点小看了这一行代码
    //jquery的样子学的不错
    //直接aQuery.fn.init = aQuery.fn不是更好?
    //多一个init变量无非是想减少查询罢了，优化的思想无处不在。
    init.prototype = aQuery.fn;
    return aQuery;
}());

//dom
var oDiv = document.getElementById(‘div1’);
 
//调用
oDiv.onclick = function() {

    $(‘#div1’).run({
        ‘width’: ‘500’
    }).run({
        ‘width’: ‘300’
    }).run({
        ‘width’: ‘1000’
    });
};

附上html就可以自己调式了。要记得用chrome浏览哦。
<div id=”div1″ style=”width:100px;height:50px;background:red;cursor:pointer;color:#fff;text-align:center;line-height:50px;” data-mce-style=”width: 100px; height: 50px; background: red; cursor: pointer; color: #fff; text-align: center; line-height: 50px;”>点击</div>

希望本文所述对大家的jQuery程序设计有所帮助。