JQuery Button Click Event / JQuery 上的 Button Click Event

使用JQuery 其中一個十分常用的功能相信是 button click這個動作…
使用方法十分簡單

我們要預先在Document.ReadyEvent上先定義一下 將來會做的動作
E.G Button Click
//定義 這個Button Click Event
我們多數會使用 ID 來選擇我們要控制那一個Control的
在Jquery上 要選擇一個Control我們可以使用
$(“#ID名稱”) 便可以了
Javascript

<script type="text/javascript">
    $(document).ready(function () {

      //以下定義了當 按鈕 "btn_Run", 有人Click的時候便彈出一個Hello ShareChiWai的MessageE.G.
      $("#btn_Run").click(function(){
        alert("Hello! ShareChiWai.");
      });

    });
    </script>
    

HTML

    <input type="button" id="btn_Run" value="Run"/>
    

十分簡單

//click() 這一個功能不是只限於Button的.. 其他是很多東西也可以使用的
E.G. Div
HTML

    <div id="div_ClickSample">
    Click Sample
    </div>
     

Javascript

     <script type="text/javascript">
    $(document).ready(function () {

      $("#div_ClickSample").click(function(){
        alert("Hello! You Just Clicked on a Div");
      });

    });
    </script>
    

Hope you find it useful

Leave a Reply