学习jQuery之旅：构建自己的小型库——LearnQuery

// 定义LearnQuery构造函数
function LearnQuery(selector) {
    var elements = document.querySelectorAll(selector);
    this.elements = Array.prototype.slice.call(elements);
}
 
// 为LearnQuery对象添加原型方法
LearnQuery.prototype = {
    constructor: LearnQuery,
 
    addClass: function(className) {
        this.elements.forEach(function(element) {
            element.classList.add(className);
        });
        return this;
    },
 
    removeClass: function(className) {
        this.elements.forEach(function(element) {
            element.classList.remove(className);
        });
        return this;
    },
 
    toggleClass: function(className) {
        this.elements.forEach(function(element) {
            element.classList.toggle(className);
        });
        return this;
    },
 
    on: function(event, handler) {
        this.elements.forEach(function(element) {
            element.addEventListener(event, handler);
        });
        return this;
    },
 
    // 更多方法...
};
 
// 使用LearnQuery库
var $q = new LearnQuery('.my-elements');
$q.addClass('active');

这段代码定义了一个简单的LearnQuery库，它模仿了jQuery的一些基本功能。它允许你通过传入一个CSS选择器来选择元素，并提供了添加、删除和切换类的方法，以及事件监听的功能。这个示例展示了如何开始构建自己的轻量级JavaScript库。