首頁 > web前端 > js教程 > jquery怎麼自訂函數

jquery怎麼自訂函數

coldplay.xixi
發布: 2020-11-30 14:02:27
原創
7518 人瀏覽過

jquery自訂函數的方法:先使用button標籤建立按鈕,並設定button標籤的id為mytest;然後使用【$.fn】定義名稱為testfunc的函數,並取得目前點選的物件;最後使用【on()】方法給物件綁定click點擊事件。

jquery怎麼自訂函數

本教學操作環境:windows10系統、jquery2.2.4,本文適用於所有品牌的電腦。

推薦:《jquery影片教學

jquery自訂函數的方法:

1、新建一個html文件,命名為test.html,用於講解在jquery如何自訂函數。

jquery怎麼自訂函數

2、在test.html檔案內,使用button標籤建立一個按鈕,按鈕名稱為「測試」。

jquery怎麼自訂函數

3、在test.html檔案內,設定button標籤的id為mytest,主要用於下面透過該id取得button物件。

jquery怎麼自訂函數

4、在js標籤內,使用$.fn定義一個名稱為testfunc的函數,其中param是自訂函數的參數。

jquery怎麼自訂函數

5、在testfunc函數內,取得目前點選的對象,使用on()方法給物件綁定click點選事件,當物件被點選時,執行alert()方法輸出提示。

jquery怎麼自訂函數

6、在自訂函數外,透過id(mytest)取得button對象,呼叫testfunc自訂函數,測試是否已成功實作自訂函數。

jquery怎麼自訂函數

7、在瀏覽器開啟test.html文件,點選按鈕,查看結果。

jquery怎麼自訂函數

相關免費學習推薦:JavaScript(影片)

#

以上是jquery怎麼自訂函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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