`

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

JavaScriptjQuery 
阅读更多 
	<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> 
分享到：
| javascript 获取p标签的内容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js与jquery分别实现tab标签页功能的方法.docx

    - **CSS** 样式设置每个`&lt;li&gt;`的样式，使其显示为标签，并且当被选中时改变样式。同时，初始时只显示第一个Tab的内容。 - **JavaScript** 实现了点击或鼠标悬停时的事件监听，通过循环遍历所有`&lt;li&gt;`元素并为其绑定...

    javascript日历jQuery

    4. **循环与条件判断**：编写逻辑来遍历月份中的每一天，并根据是否为周末或特定日期应用不同的样式。 **jQuery日历插件** jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理和动画等功能。许多开发者...

    JQuery实现动态表格点击按钮表格增加一行

    ` 每添加完一行后，计数器`count`递增，以便为新行的输入框设置唯一的name属性值。 - `function del(btn)` 函数用于删除用户点击的行。 - `var tr = btn.parentElement.parentElement;` 获取被删除按钮所在的行。 ...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块（`&lt;pre&gt;`标签）的功能，特别是添加一个复制代码按钮，使得用户可以方便地复制...

    jquery.caroufredsel按钮控制图片滚动点击标签

    1. 创建标签：在HTML中，为每个图片添加一个对应的标签，这些标签可以是链接或简单的段落。例如： ```html &lt;li&gt;&lt;img src="image1.jpg" data-id="1"&gt;标签1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image2.jpg" data-id="2"&gt;标签2...

    Jquery教程-pdf

    在不同的浏览器（如IE7、Firefox）中，同一段JavaScript代码可能会表现出不同的行为，这使得为每个浏览器单独编写适配代码成为了一项繁琐的任务。jQuery通过内部处理浏览器之间的差异，为开发者提供了一致的API接口...

    原生JS操作网页给p元素添加onclick事件及表格隔行变色

    然后通过for循环，遍历这个数组，并为每个p元素的onclick属性赋值一个函数。这个函数将在点击p元素时被调用，并弹出“单击成功”的警告框。 其次，表格隔行变色也是常见的网页视觉效果之一，可以增加用户的视觉体验...

    jQuery中queue()方法用法实例

    无论是查看队列内容、添加或修改队列中的函数，还是与dequeue()方法联合使用，queue()方法都能为开发者提供灵活而强大的控制方式，以实现更加流畅和动态的用户界面交互效果。在实际开发中，合理利用queue()方法，...

    html与javascript简单例子

    每个标签都有其特定的作用，例如`&lt;h1&gt;`用于创建一级标题，`&lt;p&gt;`用于创建段落。HTML文档通常以`.html`或`.htm`为扩展名。 2. JavaScript简介： JavaScript是一种解释型的、基于原型的脚本语言，主要用于网页和...

    jquery dtree 实例 动态实现无限树形菜单(增删改查）

    对于更复杂的操作，比如批量修改或递归操作，可能需要利用dTree提供的事件监听器，如`onClick`、`onDblClick`等，以及节点遍历的方法。 在实际应用中，通常会结合服务器端进行异步数据交互，例如使用Ajax请求加载或...

    jquery学习文档

    - **概念**: 在Web开发中，“解耦”是指将不同部分的代码分离，使得每个部分独立工作，降低模块间的依赖关系。jQuery通过提供统一的API，帮助实现HTML和JavaScript之间的解耦，从而提高代码的可维护性和扩展性。 **...

    jQuery工作流程步骤进度插件

    例如，你可以设置每个步骤的状态（已完成、进行中或未开始），改变文字提示，甚至添加自定义图标。以下是一些常用配置项： - `defaultStep`: 默认激活的步骤。 - `titles`: 步骤的文字描述。 - `icons`: 每个步骤的...

    JavaScript中利用jQuery绑定大事的几种方式小结_.docx

    JavaScript 中利用 jQuery 绑定大事的几种方式小结 JavaScript 中利用 jQuery 绑定大事有多种方式，...JavaScript 中利用 jQuery 绑定大事有多种方式，每种方式都有其优缺，开发者可以根据实际情况选择合适的方式。

    jquery树形菜单例子

    在本文中，我们将深入探讨如何使用jQuery来创建和操作树形菜单，以及如何利用特定的jQuery插件——jQuery Light Treeview。树形菜单在网页设计中广泛应用，它们为用户提供了一种有组织的方式来浏览和导航层次结构的...

    jQuery集合

    - `replaceWith(newContent)`: 替换每个匹配的元素为 `newContent`。 - 示例: ```javascript $("div").replaceWith("&lt;h1&gt;New Heading&lt;/h1&gt;"); ``` 4. **查找元素** - `find(selector)`: 获取当前匹配元素...

    分享一个自己写的简单的javascript分页组件

    在JavaScript实现部分，提供了一个名为`PageList`的函数，该函数负责创建分页组件的实例，并传入必要的参数，包括分页容器的id、当前页码、总数据量、每页显示的数量以及一个回调函数。回调函数用于在用户点击分页...

    JavaScript与web树形菜单全

    JavaScript库如jQuery或原生的JavaScript方法可以用来添加事件监听器，更新DOM结构，从而实现树形菜单的交互效果。 在“dTree”这个文件中，我们可能找到了一个JavaScript实现的树形菜单库。dTree通常是一个轻量级...

    读jQuery之十四 （触发事件核心方法）

    需要注意的是，.trigger方法是作用于jQuery对象集合的，可以触发集合中每个元素的事件；而.triggerHandler方法只作用于jQuery对象的第一个元素。 ### 事件命名空间 文章中还提到了事件命名空间的概念，即可以绑定...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    1. 给每个a标签设置一个ID值，并附上查询参数。例如： ```html 链接1 链接2 链接3 ``` 2. 编写JavaScript代码，在文档加载完成后，截取URL中的查询参数，并找出被点击的a标签。 ```javascript document.ready...

Magicbox
Global site tag (gtag.js) - Google Analytics