解决的方法：
1、用jQuery的方式
jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。
$("#btn3").one('click',function(){
alert('jQuey的one函数，第1次点击')
})
2、不用jQuery的方式
框起来的3处都是不用jQuery实现的只触发一次的效果。核心代码是这句btn.onclick = null
就是click事件被执行的时候，让它把这个事件本身给清空。
扩展资料：
jQuery的模块可以分为3部分：入口模块、底层支持模块和功能模块。
在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle遍历文档，查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。
浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果，其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。
在底层支持模块中，回调函数列表模块用于增强对回调函数的管理，支持添加、移除、触发、锁定、禁用回调函数等功能；
异步队列模块用于解耦异步任务和回调函数，它在回调函数列表的基础上为回调函数增加了状态，并提供了多个回调函数列表，支持传播任意同步或异步回调函数的成功或失败状态；
数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据；队列模块用于管理一组函数，支持函数的入队和出队操作，并确保函数按顺序执行，它基于数据缓存模块实现。
document.querySelectorAll(".aa").forEach((item, index) => {item.onclick = () => {
document.querySelectorAll(".bb")[index].style.color = "red"
}
})
请采纳
区别如下：
1、onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么。
2、click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件
3、click可以理解为一次简单的触发，只执行一次，找不到以后就不再执行；
4、onclick则是给这个id注册一种行为，可以重复触发
5、click 是方法；onclick是事件；执行click就是模拟鼠标点击，同时会触发onclick事件。
扩展资料：JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
参考资料：Javascript-百度百科
