javascript 与jquery为每个p标签增加onclick方法

2022-02-08 05:30:45

<script type="text/javascript">
window.onload=function(){
var items=document.getElementsByTagName("p");
for(var i=0;i<items.length;i++){
items[i].onclick=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>