jquery遍歷繫結事件
阿新 • • 發佈:2019-01-31
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="javascripts/http_code.jquery.com_jquery-2.0.0.js"></script> <style> img{ width:100%; height: 100%; border: 1px solid; } </style> </head> <body> <img src="images/b1_01.png" alt="" style="opacity: 0.2"> <img src="images/b1_01.png" alt="" style="opacity: 0.2"> <img src="images/b1_01.png" alt="" style="opacity: 0.2"> <img src="images/b1_01.png" alt="" style="opacity: 0.2"> <script>var $imgs = $("img"); console.log($imgs.length); 方法一:for迴圈 for(var i=0;i<4;i++){ //console.log($imgs[i]); (function (i) { $imgs.eq(i).click(function () { console.log(i) $imgs.eq(i).css("opacity",1); }); })(i); } // $imgs.css("opacity",1); 方法二:each方法$imgs.each(function () { $(this).click(function () { $(this).css("opacity",1); }) }) </script> </body> </html>