jQuery中click()的使用方法

發(fā)布時(shí)間：2020-08-28 10:26:39 來源：億速云閱讀：195 作者：小新欄目：web開發(fā)

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

jQuery中的jQuery中click()方法經(jīng)常用于點(diǎn)擊按鈕發(fā)生的事件

jQuery中click()的使用方法

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

jquery的方法通常用如下函數(shù)編寫。

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

但是，使用這個(gè)程序，由于代碼在頁面重新加載時(shí)執(zhí)行（也稱為觸發(fā)），因此無法實(shí)現(xiàn)動態(tài)更改頁面的目的，這也是jQuery的最初目的。

由于這個(gè)原因，jQuery提供了一種指定何時(shí)觸發(fā)的方法。click方法可以創(chuàng)建一個(gè)在按下指定按鈕時(shí)調(diào)用的進(jìn)程。

下面我們編寫click方法

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

使用選擇器指定按鈕后，調(diào)用click方法。

使用click方法的參數(shù)調(diào)用函數(shù)，并執(zhí)行函數(shù)的內(nèi)容。

我們來看具體的例子

當(dāng)您單擊按鈕時(shí)，字母會變大

代碼如下

<!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方法增加字體大小。

運(yùn)行結(jié)果如下

jQuery中click()的使用方法

當(dāng)點(diǎn)擊按鈕時(shí)，下面字母就會變大

jQuery中click()的使用方法

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jQuery中click()的使用方法內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

jQuery中click()的使用方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽