在一個(gè)頁面重復(fù)使用一個(gè)js函數(shù)的方法詳解
1、給每個(gè)擁有相同行為的問題DOM節(jié)點(diǎn)一個(gè)相同的class類,如question,同時(shí)給不同的問題一個(gè)不同的標(biāo)識(shí)ID如 id="question1" id="question2"...諸如此。
2、給類.question綁定點(diǎn)擊事件,在觸發(fā)函數(shù)里面先判斷當(dāng)前點(diǎn)擊的這個(gè)類的id,即可知道你要操作的是哪一個(gè)問題,然后調(diào)用你的那個(gè)伸縮函數(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ī)淼脑谝粋€(gè)頁面重復(fù)使用一個(gè)js函數(shù)的方法詳解全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
JavaScript實(shí)現(xiàn)簡(jiǎn)單的四則運(yùn)算計(jì)算器完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的四則運(yùn)算計(jì)算器,結(jié)合完整實(shí)例形式分析了javascript基于表單相應(yīng)實(shí)現(xiàn)加減乘除數(shù)學(xué)運(yùn)算的操作技巧,需要的朋友可以參考下2017-04-04微信小程序?qū)崿F(xiàn)手勢(shì)圖案鎖屏功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手勢(shì)圖案鎖屏功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼
本篇文章主要是對(duì)不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12javascript判斷非數(shù)字的簡(jiǎn)單例子
這篇文章介紹了javascript判斷非數(shù)字的簡(jiǎn)單例子,有需要的朋友可以參考一下2013-07-07JavaScript笛卡爾積超簡(jiǎn)單實(shí)現(xiàn)算法示例
這篇文章主要介紹了JavaScript笛卡爾積超簡(jiǎn)單實(shí)現(xiàn)算法,涉及javascript數(shù)組遍歷、添加簡(jiǎn)單操作技巧,需要的朋友可以參考下2018-07-07關(guān)于JavaScript對(duì)象的動(dòng)態(tài)選擇及遍歷對(duì)象
本文為大家介紹下JavaScript對(duì)象的兩點(diǎn):動(dòng)態(tài)選擇方法及屬性、遍歷對(duì)象屬性和方法,需要的朋友可以參考下2014-03-03動(dòng)態(tài)創(chuàng)建的表格單元格中的事件實(shí)現(xiàn)代碼
好久沒有搞網(wǎng)頁了,今天重新弄了一個(gè) ,做個(gè)動(dòng)態(tài)表格,具體的實(shí)現(xiàn)代碼,大家可以自己寫吧2008-12-12在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接
這篇文章主要介紹了在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接,需要的朋友可以參考下2015-01-01