jQuery中click()的使用方法-創新互聯

這篇文章主要介紹了jQuery中click()的使用方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創新互聯專注于企業營銷型網站、網站重做改版、師宗網站定制設計、自適應品牌網站建設、HTML5建站、商城網站定制開發、集團公司官網建設、成都外貿網站建設公司、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為師宗等各大城市提供網站開發制作服務。

jQuery中的jQuery中click()方法經常用于點擊按鈕發生的事件

jQuery中click()的使用方法

我們先來看一下click()方法是什么？

jquery的方法通常用如下函數編寫。

$(function(){
　　//處理的內容　
});

但是，使用這個程序，由于代碼在頁面重新加載時執行（也稱為觸發），因此無法實現動態更改頁面的目的，這也是jQuery的最初目的。

由于這個原因，jQuery提供了一種指定何時觸發的方法。click方法可以創建一個在按下指定按鈕時調用的進程。

下面我們編寫click方法

$(function(){
  $(“選擇器”).click(function(){
    //處理的內容
  });
});

使用選擇器指定按鈕后，調用click方法。

使用click方法的參數調用函數，并執行函數的內容。

我們來看具體的例子

當您單擊按鈕時，字母會變大

代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function() {
        $("button").click(function() {
          $(".big").css("font-size", "50px");
        });
      });
    </script>
  </head>
  <body>
   <button>button</button>
   <p class="big">big</p>
  </body>
</html>

使用選擇器指定按鈕并使用css方法增加字體大小。

運行結果如下

jQuery中click()的使用方法