js和jquery批量绑定事件传参数一(新猪猪原创)

复制代码代码如下:<input type="button" value="btn1" id="btn1"/> <input type="button" value="btn2" id="btn2"/> <input type="button" value="btn3" id="btn3"/> <script type="text/javascript"> for(var i=1;i<=3;i++){ document.getElementById('btn' + i).onclick = (function(j){ return function(){ alert(j); } })(i); } </script> 下面是结合了jquery的代码，原理都是一样的在使用javascript批量绑定页面上的元素并传递递增编号时，需要如下编写： <html>部分的代码：复制代码代码如下: <input type="button" id="btn1" value="按钮1" /> <input type="button" id="btn2" value="按钮2" /> <input type="button" id="btn3" value="按钮3" /> <input type="button" id="btn4" value="按钮4" /> <input type="button" id="btn5" value="按钮5" /> <input type="button" id="btn6" value="按钮6" /> <input type="button" id="btn7" value="按钮7" /> <js>部分的代码：复制代码代码如下: $(function () { var i; for (i = 1; i <= 7; i++) { $("#btn" + i).bind("click", { id: i }, dis); } }); function dis(evt) { alert(evt.data.id); }

　　推荐阅读

　　js操作时间（年-月-日时-分-秒星期几）

var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1>>>详细阅读

本文标题：js和jquery批量绑定事件传参数一(新猪猪原创)

地址：http://www.17bianji.com/kaifa2/JS/26180.html

1/2 1