首页 > 代码库 > 给网页中的元素添加onclick事件(引自锋利的jQuery)
给网页中的元素添加onclick事件(引自锋利的jQuery)
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta name="generator" content="editplus" /> <title>给网页中的元素添加onclick事件</p></title> <script src="jquery-1.7.1.min.js" type="text/javascript"></script> <!-- 思路： 1. 获取所有的<p>元素。 2. 对<p>元素进行循环（因为获取的是数组对象）。 3. 给每个<p>元素添加行为事件。 --></head><body> <p>测试1</p> <p>测试2</p> <script type="text/javascript"> //传统方法： //var items = document.getElementsByTagName("p"); //获取网页中所有的p元素 //for (var i = 0; i < items.length; i++) { // items[i].onclick = function () { // alert("OK"); //注意：如果在这里输出i的值，它会一直是2，通过调试很方便看出 // } //} //jQuery方法： $(‘p‘).click(function () { //获取页面中的所有<p>元素，给每一个元素添加onclick事件 alert("OK"); }) </script></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。