<span style="color: #0000ff;"><
<span style="color: #800000;">button <span style="color: #ff0000;">id<span style="color: #0000ff;">="btn3"<span style="color: #ff0000;"> onclick<span style="color: #0000ff;">="change()"<span style="color: #0000ff;">>dd<span style="color: #0000ff;"></<span style="color: #800000;">button<span style="color: #0000ff;">><span style="color: #0000ff;"><<span style="color: #800000;">button <span style="color: #ff0000;">id<span style="color: #0000ff;">="btn4"<span style="color: #0000ff;">>ee<span style="color: #0000ff;"></<span style="color: #800000;">button<span style="color: #0000ff;">>
区别:
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么
click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击 'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件),原因就是因为
点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。
2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码
click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下
dd
弹出框的弹出顺序先是'bb',然后是'aa'.
总结:click是jquery元素,onclick是DOM元素。