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