JQuery中click() 和onclick()区别
生活随笔
收集整理的這篇文章主要介紹了
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()");
} 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>TestJS.html</title> 5 6 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 7 <meta http-equiv="description" content="this is my page"> 8 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 9 10 <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 11 12 13 </head> 14 15 <body> 16 This is my HTML page. <br> 17 <h1>Test html</h3> 18 <div> 21 <input type="button" onclick="test123();" class="input1" id="testclick" value="test_button"/> 22 </div> 23 24 <!-- JS--> 26 <script src="js/lib/jquery.js"></script> 27 <script src="js/test.js"></script> 28 <!-- <script src="js/test2.js"></script> --> 29 </body> 30 </html>
結果：
控制臺打印出的順序是：
function test()
$("#testclick").click
轉載于:https://www.cnblogs.com/dbj66/p/9071862.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的JQuery中click() 和onclick()区别的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux学习总结（二） 网络配置-NA
- 下一篇： HDU-5119 Happy Matt