您好,登錄后才能下訂單哦!
這篇文章主要介紹了jQuery中click()的使用方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
jQuery中的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()的使用方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。