在一個(gè)頁面重復(fù)使用一個(gè)js函數(shù)的方法詳解
更新時(shí)間：2016年12月26日 10:47:57 投稿：jingxian
下面小編就為大家?guī)硪黄谝粋€(gè)頁面重復(fù)使用一個(gè)js函數(shù)的方法詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
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)簡單的四則運(yùn)算計(jì)算器完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單的四則運(yùn)算計(jì)算器,結(jié)合完整實(shí)例形式分析了javascript基于表單相應(yīng)實(shí)現(xiàn)加減乘除數(shù)學(xué)運(yùn)算的操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手勢圖案鎖屏功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼
本篇文章主要是對不提示直接關(guān)閉網(wǎng)頁窗口的JS示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JavaScript中數(shù)組的sort()方法主要用于對數(shù)組的元素進(jìn)行排序。其中，sort()方法有一個(gè)可選參數(shù)。接下來通過本文給大家介紹數(shù)組Array.sort()排序的方法，需要的朋友參考下2017-03-03
這篇文章介紹了javascript判斷非數(shù)字的簡單例子，有需要的朋友可以參考一下2013-07-07
JavaScript笛卡爾積超簡單實(shí)現(xiàn)算法示例
這篇文章主要介紹了JavaScript笛卡爾積超簡單實(shí)現(xiàn)算法,涉及javascript數(shù)組遍歷、添加簡單操作技巧,需要的朋友可以參考下2018-07-07
關(guān)于JavaScript對象的動(dòng)態(tài)選擇及遍歷對象
本文為大家介紹下JavaScript對象的兩點(diǎn)：動(dòng)態(tài)選擇方法及屬性、遍歷對象屬性和方法,需要的朋友可以參考下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
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)吸頂特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接
這篇文章主要介紹了在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接,需要的朋友可以參考下2015-01-01