分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
HTML部分
<body><button id="btn">单击我</button><button id="delAll">删除所有事件</button><div id="test"></div>
</bady>jQuery代码
<script type="text/JavaScript" src="./js/jquery-3.4.1.js"></script><script type="text/JavaScript">$(document).ready(function(){$('#btn').bind("click",function(){$('#test').append("<p>我的绑定函数1</p>");}).bind("click",function(){$('#test').append("<p>我的绑定函数2</p>");}).bind("click",function(){$('#test').append("<p>我的绑定函数3</p>");});//事件解绑$('#delAll').click(function(){$('#btn').unbind("click");});});
</script>Java script 代码
<script type="text/JavaScript">window.onload=function(){let but=document.getElementById('btn');console.log(but);let text=document.getElementById('test');console.log(text);let del=document.getElementById('delAll');console.log(del);but.onclick=function(){text.innerHTML+=`<p>我的绑定函数1</p><p>我的绑定函数2</p><p>我的绑定函数3</p>`;};del.onclick=function(){but.onclick=null;};}</script>