锋利的Jquery(p的onclick()事件)

1、一个p元素的点击事件

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>无标题页</title>
     <script type="text/javascript">
         function ClickMe() {
             alert('张晶是个粪堆');
         }
     </script>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
        <p onclick="ClickMe();">点击我</p>
     </div>
     </form>
 </body>
 </html>

2、所有p元素的点击事件

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
 window.onload = function(){//页面所有元素加载完毕
     var items = document.getElementsByTagName("p");//获取页面中的所有p元素
     for(var i=;i < items.length;i++){    //循环
         items[i].onclick = function(){  //给每一个p添加onclick事件
             //doing something...
             alert("suc!");
         }
     }
 }
 </script>
 </head>
 <body>
 <p>测试1</p>
 <p>测试2</p>
 </body>
 </html>

3、带有循环的

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript">
 window.onload = function(){//页面所有元素加载完毕
     var items = document.getElementsByTagName("p");//获取页面中的所有p元素
     for(var i=;i < items.length;i++){    //循环
         items[i].onclick = function(){  //给每一个p添加onclick事件
             //doing something...
             alert("suc!");
         }
     }
 }
 </script>
 </head>
 <body>
 <p>测试1</p>
 <p>测试2</p>
 </body>
 </html>