自己用原生js写jquery能够达到寻找节点,调用方法的效果。
在原生JavaScript中,你可以使用document.querySelector
或document.querySelectorAll
来选择DOM元素,并且使用.addEventListener
来添加事件监听器。以下是一个简单的例子,展示了如何用原生JavaScript实现类似于jQuery的.click()
方法:
// 原生JavaScript实现点击事件
document.querySelector('#myButton').addEventListener('click', function() {
alert('按钮被点击');
});
如果你想要实现jQuery链式调用的风格,你可以创建一个简单的JavaScript对象,提供链式方法:
var $ = {
get: function(selector) {
return document.querySelector(selector);
},
on: function(el, event, handler) {
el.addEventListener(event, handler);
return this; // 允许链式调用
},
// 可以继续添加更多方法以模仿jQuery的功能
};
// 使用链式调用
$.on($.get('#myButton'), 'click', function() {
alert('按钮被点击');
});
这个简单的对象$
提供了get
方法来选择元素,on
方法来添加事件监听,并且返回this
以支持链式调用。这样你就可以用类似于jQuery的方式编写代码。
评论已关闭