JQuery中click() 和onclick()区别
生活随笔
收集整理的這篇文章主要介紹了
JQuery中click() 和onclick()区别
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、onclick是綁定事件，告訴瀏覽器在鼠標(biāo)點(diǎn)擊時(shí)候要做什么
2、click()方法的主要作用是觸發(fā)調(diào)用click方法元素onclick事件。
3、當(dāng)click()被點(diǎn)擊時(shí)，首先執(zhí)行的是對(duì)應(yīng)元素的onclick()函數(shù)，然后再是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>
結(jié)果：
控制臺(tái)打印出的順序是：
function test()
$("#testclick").click
轉(zhuǎn)載于:https://www.cnblogs.com/dbj66/p/9071862.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的JQuery中click() 和onclick()区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux学习总结（二） 网络配置-NA
- 下一篇： HDU-5119 Happy Matt