- <script type="text/javascript">
- window.οnlοad=function(){
- var items=document.getElementsByTagName("p");
- for(var i=0;i<items.length;i++){
- items[i].οnclick=function(){
- alert("你点击了我");
- };
- }
- }
- </script>
- </head>
- <body>
- <p>测试1</p>
- <p>测试2</p>
- 下面是jquery的实现方式
- <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
- <script type="text/javascript" >
- $(function(){
- $("p").click(function(){
- alert("我被点击了");
- });
- });
- </script>
- </head>
- <body>
- <p>测试1</p>
- <p>测试2</p>
以上代码给每个元素添加了 click事件 不是遍历
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
会选取所有的img 然后对每个图片的地址进行设置
以上两者区别:给每个元素都添加了事件 each是遍历所有对象,对每个对象执行each里的函数