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

最新推荐文章于 2022-08-26 20:08:54 发布

最新推荐文章于 2022-08-26 20:08:54 发布 · 403 阅读

文章标签：

#JavaScript #jQuery #ViewUI

javascript 专栏收录该内容

12 篇文章

订阅专栏

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

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