AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
一个页面引入重复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(){//获取问题IDvar 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函数的方法详解全部内容了,希望大家多多支持wanshiok.com~


一个页面引入重复js  
上一篇:javascript输出AscII码扩展集中的字符方法  下一篇:jquery无法为动态生成的元素添加点击事件的解决方法(推荐)