手写jquery（自己封装）
下面是一个简化版的 jQuery 对象构建器的示例代码。这个示例仅包含选择DOM元素和添加事件监听器的基本功能。
function $(selector, context = document) {
const elements = context.querySelectorAll(selector);
const on = (event, handler) => elements.forEach(el => el.addEventListener(event, handler));
return { on };
}
// 使用示例
$(document).on('click', '#myButton', () => alert('Button clicked!'));在这个示例中，$函数接受一个选择器和一个上下文（可选，默认为document）。它返回一个对象，该对象有一个on方法，用于添加事件监听器。这个简化版本的 jQuery 对象不包含像each这样的方法，也不支持链式调用。要实现完整的 jQuery 功能，需要实现更多的方法和处理逻辑。
评论已关闭