重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
本篇內容介紹了“jquery如何讓方法只觸發一次”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
目前成都創新互聯公司已為超過千家的企業提供了網站建設、域名、網頁空間、網站托管、服務器租用、企業網站設計、榮成網站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協力一起成長,共同發展。
在jquery中,可以利用one()函數讓方法只觸發一次,當使用該函數時,每個元素只能運行一次事件處理方法,語法為“元素對象.one(事件處理方法);”。
本教程操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。
jquery怎樣讓方法只觸發一次
在jquery中,可以使用one()方法實現讓jquery事件只執行一次。下面以點擊p標簽文字,彈出p標簽內容為例,看一下怎么讓jquery事件執行一次。示例如下:
1、新建一個html文件,命名為test.html,用于講解>怎么讓jquery事件執行一次。引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。使用p標簽創建一行文字,文字內容為“這是一段測試的文字”,并設置其class為mypp。
2、在js標簽內,在頁面加載完成時,通過class(mypp)獲得p元素對象,使用one()方法給對象綁定click點擊事件,當p元素被點擊時,執行function()方法一次。
在function()方法內,使用$(this)獲得p標簽對象,使用text()方法取得p標簽內的值,把值保存在ny變量中,使用alert()方法將獲得的內容輸出來。
在瀏覽器打開test.html文件,點擊文字,查看實現的效果。
“jquery如何讓方法只觸發一次”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!