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

iteye_343

于 2010-04-30 20:50:47 发布

阅读量383

点赞数

分类专栏： javascript 文章标签： JavaScript jQuery ViewUI

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文通过两个实例展示了如何使用纯JavaScript与jQuery为页面元素添加点击事件。首先介绍了利用原生JavaScript为所有<p>标签添加点击事件的方法，其次展示了如何用jQuery简化这一过程。这两种方式都能使页面上的每个段落标签在被点击时弹出提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<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>