下面小编就为大家带来一篇在一个页面重复使用一个js函数的方法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
1、给每个拥有相同行为的问题DOM节点一个相同的class类，如question，同时给不同的问题一个不同的标识ID如...诸如此。
2、给类.question绑定点击事件，在触发函数里面先判断当前点击的这个类的id，即可知道你要操作的是哪一个问题，然后调用你的那个伸缩函数即可。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery加法器</title> <script src="https://www.jb51.net/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></div> <div></div> <div></div> <div></div> </body> </html>
以上就是小编为大家带来的在一个页面重复使用一个js函数的方法详解全部内容了，希望大家多多支持脚本之家~