首頁 > web前端 > js教程 > jQuery中click()方法如何使用

jQuery中click()方法如何使用

不言
發布: 2018-12-27 16:06:11
原創
8953 人瀏覽過

jQuery中click()方法如何使用中click()方法如何使用中的jQuery中click()方法如何使用中click()方法如何使用中click()方法常用來點選按鈕發生的事件,所以這篇文章我們就來介紹關於jQuery中click()方法如何使用中click()方法如何使用中click()的具體使用方法。

jQuery中click()方法如何使用中click()方法如何使用

我們先來看看click()方法是什麼

jquery的方法通常用以下函數來寫。

$(function(){
  //处理的内容 
});
登入後複製

但是,使用這個程序,由於程式碼在頁面重新載入時執行(也稱為觸發),因此無法實現動態變更頁面的目的,這也是jQuery中click()方法如何使用中click()方法如何使用的最初目的。

由於這個原因,jQuery中click()方法如何使用中click()方法如何使用提供了一種指定何時觸發的方法。 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()方法如何使用中click()方法如何使用

當點擊按鈕時,下面字母就會變大

jQuery中click()方法如何使用中click()方法如何使用

這篇文章到這裡就全部結束了,更多精彩內容大家可以關注php中文網的相關教學欄位進一步的學習! ! !

以上是jQuery中click()方法如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板