类似于$$().on()的Javascript jQuery与querySelectorAll()和addEventlistener()不同 核心 const$=(选择器,基=文档)=>{ 返回base.querySelector(选择器); }; const$$=(选择器,基=文档)=>{ 返回base.querySelectorAll(选择器); }; Node.prototype.on=函数(类型,侦听器){ 返回此.addEventListener(类型,侦听器); }; 工作
只要一个元素,它就能完美工作类似于$$().on()的Javascript jQuery与querySelectorAll()和addEventlistener()不同 核心 const$=(选择器,基=文档)=>{ 返回base.querySelector(选择器); }; const$$=(选择器,基=文档)=>{ 返回base.querySelectorAll(选择器); }; Node.prototype.on=函数(类型,侦听器){ 返回此.addEventListener(类型,侦听器); }; 工作,javascript,addeventlistener,queryselector,Javascript,Addeventlistener,Queryselector,只要一个元素,它就能完美工作 $('button')。在('click',(e)=>{ console.log(例如currentTarget); }); 不起作用 现在我想对多个元素做同样的事情。它不起作用了。它甚至不承认它是一个函数 $$('div')。在('click',(e)=>{ console.log(例如currentTarget); }); 游乐场 const$=(选择器,基=文档)=>{ 返回base.querySelector(选择器); }; const$$=(选择器
$('button')。在('click',(e)=>{
console.log(例如currentTarget);
});
不起作用
现在我想对多个元素做同样的事情。它不起作用了。它甚至不承认它是一个函数
$$('div')。在('click',(e)=>{
console.log(例如currentTarget);
});
游乐场
const$=(选择器,基=文档)=>{
返回base.querySelector(选择器);
};
const$$=(选择器,基=文档)=>{
返回base.querySelectorAll(选择器);
};
Node.prototype.on=函数(类型,侦听器){
返回此.addEventListener(类型,侦听器);
};
log($('button'));
log($$('div'));
$('button')。在('click',(e)=>{
console.log(例如currentTarget);
});
$$('div')。在('click',(e)=>{
console.log(例如currentTarget);
});代码>
你好
1.
2.
3
您为什么希望这样做有效querySelectorAll
不返回节点
,而是返回节点列表
;您仅扩展了节点的原型。