jQuery .click()方法傳參

r8l8q8發表於2017-08-10
jQuery

今天寫東西，要在jQuery 的.click方法裡傳參，查閱了一下jQuery的官方文件，做了下實驗和總結（原諒我的前端 是用一點學一點！）

1 .click()方法簡介

1.click( handler ) //1.0版本的.click，
                  //handler（Function 型別)，只要事件被觸發,就會執行該function
2.click( [eventData ], handler )//1.4.3版本加入的
                                 //引數eventData:可以為任何資料型別，儲存在event.data中，event為handler的一個事件引數
                                 //引數handler，為Function型別，例：function(event){}

2. 寫段程式碼測試一下

<html>
  <head>
    <title></title>
    <meta content="">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
       $("#btn").click("測試資料",function(event){
         alert(event.data);
       })
      });
</script>
    <style></style>
  </head>
  <body>
    <button type="button" id="btn">click</button>
  </body>
</html>

瀏覽器開啟網頁，單擊click會發現 彈出 “測試資料” 。

相關文章