在一个页面重复使用一个js函数的方法详解

网络编程 2021-07-04 19:20www.168986.cn编程入门

狼蚁网站SEO优化长沙网络推广就为大家带来一篇在一个页面重复使用一个js函数的方法详解。长沙网络推广觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧，祝大家游戏愉快哦

1、给每个拥有相同行为的问题DOM节点一个相同的class类，如question，给不同的问题一个不同的标识ID如 id="question1" id="question2"...诸如此。

2、给类.question绑定点击事件，在触发函数里面先判断当前点击的这个类的id，即可知道你要操作的是哪一个问题，然后调用你的那个伸缩函数即可。

<!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)
//...执行你的函数代码
})
})
</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>

以上就是长沙网络推广为大家带来的在一个页面重复使用一个js函数的方法详解全部内容了，希望大家多多支持狼蚁SEO~

上一篇：javascript输出AscII码扩展集中的字符方法下一篇：jquery无法为动态生成的元素添加点击事件的解决

在一个页面重复使用一个js函数的方法详解

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

在一个页面重复使用一个js函数的方法详解

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设