在一个页面重复使用一个js函数的方法详解
1、给每个拥有相同行为的问题DOM节点一个相同的class类，如question，同时给不同的问题一个不同的标识ID如id="question1"id="question2"...诸如此。
2、给类.question绑定点击事件，在触发函数里面先判断当前点击的这个类的id，即可知道你要操作的是哪一个问题，然后调用你的那个伸缩函数即可。
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title>jQuery加法器</title>
<scriptsrc="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
varid=$(this).attr("id");
//console.log(id)
//...执行你的函数代码
})
})
</script>
<body>
<divclass="question"id="question1"></div>
<divclass="question"id="question2"></div>
<divclass="question"id="question3"></div>
<divclass="question"id="question4"></div>
</body>
</html>
以上就是小编为大家带来的在一个页面重复使用一个js函数的方法详解全部内容了，希望大家多多支持毛票票~
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短