站长资讯网
最全最丰富的资讯网站

JQuery click()和onclick()区别是什么

JQuery click()和onclick()区别:1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么;2、click方法的主要作用是触发调用click方法元素onclick事件。

JQuery click()和onclick()区别是什么

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

JQuery click()和onclick()区别:

1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么

2、click()方法的主要作用是触发调用click方法元素onclick事件。

3、当click()被点击时,首先执行的是对应元素的onclick()函数,然后再是click(),示例如下:

JS代码 test.js:

$("#testclick").click(function(){      console.log("$("#testclick").click");   });  function test123(){    console.log("function test()");  }
<!DOCTYPE html> <html> <head> <title>TestJS.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->    </head>  <body>  This is my HTML page. <br>  <h1>Test html</h3>  <div>      <input type="button" onclick="test123();" class="input1" id="testclick" value="test_button"/>  </div>      <!-- JS-->  <script src="js/lib/jquery.js"></script>  <script src="js/test.js"></script>  <!-- <script src="js/test2.js"></script> -->   </body>  </html>

相关学习推荐:javascript视频教程

赞(0)
分享到: 更多 (0)