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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM