在一個頁面重復(fù)使用一個js函數(shù)的方法詳解
1、給每個擁有相同行為的問題DOM節(jié)點一個相同的class類,如question,同時給不同的問題一個不同的標(biāo)識ID如 id="question1" id="question2"...諸如此。
2、給類.question綁定點擊事件,在觸發(fā)函數(shù)里面先判斷當(dāng)前點擊的這個類的id,即可知道你要操作的是哪一個問題,然后調(diào)用你的那個伸縮函數(shù)即可。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery加法器</title> <script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script> <style> div { width: 250px; height: 250px ; background-color: #337ab7; float:left; margin: 10px; } </style> </head> <script> $(function(){ $(".question").click(function(){ //獲取問題ID var id = $(this).attr("id"); //console.log(id) //...執(zhí)行你的函數(shù)代碼 }) }) </script> <body> <div class="question" id="question1"></div> <div class="question" id="question2"></div> <div class="question" id="question3"></div> <div class="question" id="question4"></div> </body> </html>
以上就是小編為大家?guī)淼脑谝粋€頁面重復(fù)使用一個js函數(shù)的方法詳解全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
JavaScript實現(xiàn)簡單的四則運算計算器完整實例
這篇文章主要介紹了JavaScript實現(xiàn)簡單的四則運算計算器,結(jié)合完整實例形式分析了javascript基于表單相應(yīng)實現(xiàn)加減乘除數(shù)學(xué)運算的操作技巧,需要的朋友可以參考下2017-04-04不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼
本篇文章主要是對不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12關(guān)于JavaScript對象的動態(tài)選擇及遍歷對象
本文為大家介紹下JavaScript對象的兩點:動態(tài)選擇方法及屬性、遍歷對象屬性和方法,需要的朋友可以參考下2014-03-03動態(tài)創(chuàng)建的表格單元格中的事件實現(xiàn)代碼
好久沒有搞網(wǎng)頁了,今天重新弄了一個 ,做個動態(tài)表格,具體的實現(xiàn)代碼,大家可以自己寫吧2008-12-12在Google 地圖上實現(xiàn)做的標(biāo)記相連接
這篇文章主要介紹了在Google 地圖上實現(xiàn)做的標(biāo)記相連接,需要的朋友可以參考下2015-01-01