js给按钮绑定点击事件有几种方式
1、使用“对象.on事件名 = function(){代码}”语句绑定；
2、使用“事件源.addEventListener(事件名称,事件处理函数名,是否捕获);”语句绑定；
3、在HTML标签中使用“onclick”属性绑定事件。

jquery如何给dom添加单击事件
直接使用click事件是不起作用的，我平常使用的两种方法 1、on事件 var html1=''; html1 +=`
确认提交 暂不提交
` $('.modal-footer').append(html1); $('div').on('click','.sure',function(){console.log("+++");}); 2、onclick事件 var html1=''; html1 +=`确认提交 暂不提交
` $('.modal-footer').append(html1); functionsure(){console.logO("===");} 需要获取到div这个元素，可以通过id，class等等方式得到，比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了});jQuery可以使用click()方法来给DOM元素添加单击事件。在使用该方法时，需要传入一个回调函数作为参数，该函数会在DOM元素被单击时被触发。例如，使用以下代码可以给id为"myButton"的按钮添加单击事件：
$("#myButton").click(function() {
// 单击事件处理逻辑
});
在回调函数中，可以编写处理单击事件的逻辑，例如修改DOM元素的样式或内容，或发送异步请求等。
jquery怎么实现一次性为所有的列表添加事件响应
如果您希望使用 jQuery 为所有的列表元素一次性添加事件响应，可以使用事件委托（event delegation）机制。事件委托允许您将事件监听器附加到父级元素上，以便处理子元素的事件。
以下是使用 jQuery 实现一次性为所有列表元素添加事件响应的示例：
HTML代码：
```html
<ul id="myList">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
JavaScript代码：
```javascript
$(document).ready(function() {
$("#myList").on("click", "li", function() {
// 在这里处理列表项的点击事件
console.log($(this).text());
});
});
```
在上述示例中，我们将事件监听器附加到了具有 id 为 "myList" 的父级 `<ul>` 元素上，并指定要监听的事件类型为 "click"。然后，通过第二个参数 `"li"`，指定我们要匹配的子元素选择器，这里是 `<li>` 元素。
当用户点击列表中的任何一个 `<li>` 元素时，事件会冒泡到父元素 `<ul>` 上，并根据选择器匹配到子元素，从而触发事件处理函数。
在事件处理函数中，可以通过 `$(this)` 来获取当前被点击的 `<li>` 元素，然后可以进行相应的操作。
通过使用事件委托，不论您有多少个列表项，只需在父级元素上添加一个事件监听器，即可处理所有子元素的事件，而不需要为每个子元素单独添加事件监听器。这样可以提高代码的效率，并且在动态添加或移除列表项时仍然有效。