jquery怎么判斷是否點擊按鈕

這篇文章將為大家詳細講解有關(guān)jquery怎么判斷是否點擊按鈕,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都發(fā)電機租賃小微創(chuàng)業(yè)公司專業(yè)提供成都定制網(wǎng)頁設(shè)計營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

jquery判斷是否點擊按鈕的方法:首先創(chuàng)建文件,并使用button標(biāo)簽創(chuàng)建三個按鈕;然后通過【$(this)】獲得當(dāng)前點擊的按鈕對象;最后使用【attr()】方法獲得點擊按鈕的id,從而實現(xiàn)判斷哪個按鈕點擊了。

jquery判斷是否點擊按鈕的方法:

1、新建一個html文件,命名為test.html,用于講解jquery如何判斷哪個按鈕點擊了。

jquery怎么判斷是否點擊按鈕

2、在test.html文件內(nèi),引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。

jquery怎么判斷是否點擊按鈕

3、在test.html文件內(nèi),在p標(biāo)簽內(nèi),使用button標(biāo)簽創(chuàng)建三個按鈕,按鈕名稱分別是“按鈕1”,“按鈕2”,“按鈕3”,并且設(shè)置三個button按鈕的class屬性為btn。

jquery怎么判斷是否點擊按鈕

4、在test.html文件內(nèi),分別設(shè)置button標(biāo)簽的id屬性為btn1,btn2,btn3 ,主要用于下面通過jquery獲得該id,實現(xiàn)判斷那個按鈕被點擊了。

jquery怎么判斷是否點擊按鈕

5、在test.html文件內(nèi),編寫<script></script>標(biāo)簽,頁面的js邏輯代碼將寫在該標(biāo)簽內(nèi)。

jquery怎么判斷是否點擊按鈕

6、在js標(biāo)簽內(nèi),通過ready()方法在頁面打開時,使用$符號通過類名btn獲得button對象,再使用bind()方法給每個button按鈕綁定click點擊事件,在按鈕被點擊時,通過$(this)獲得當(dāng)前點擊的按鈕對象,使用attr()方法獲得點擊按鈕的id,將id使用alert()方法輸出來,從而實現(xiàn)判斷哪個按鈕點擊了。

jquery怎么判斷是否點擊按鈕

7、在瀏覽器打開test.html文件,點擊按鈕,查看判斷的結(jié)果。

jquery怎么判斷是否點擊按鈕

關(guān)于jquery怎么判斷是否點擊按鈕就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

網(wǎng)站欄目:jquery怎么判斷是否點擊按鈕
文章來源:http://muchs.cn/article8/ipgeop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊、網(wǎng)站營銷、App開發(fā)、網(wǎng)站導(dǎo)航網(wǎng)站改版、面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營