jQuery练习1--给网页中所有的 <p> 元素添加 onclick 事件

最新推荐文章于 2023-04-15 21:00:37 发布

zfs592645357

最新推荐文章于 2023-04-15 21:00:37 发布

阅读量6.3k

点赞数 1

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/zfs592645357/article/details/40621879

版权

JavaWeb 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 <html>
 3   <head>
 4     <title>exe_1.html</title>
 5     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 6     <script type="text/javascript" src="../js/jquery-1.6.js"></script>
 7   </head>
 8   <body>
 9       <p>段落1</p>
10       <p>段落2</p>
11       <p>段落3</p>
12       <script type="text/javascript">
13       
14           //定位所有<p>元素
15           
16           //$("p").each(function(){
17           //    alert($(this).html());
18           //});
19           
20           //$("p").each(function(){
21           //    $(this).click(function(){
22           //        alert($(this).html());
23           //    });
24           //});
25           
26           $("p").each(function(){
27               $(this).dblclick(function(){
28                   alert($(this).html());
29               });
30           });
31           
32       </script>
33   </body>
34 </html>

zfs592645357

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
jQuery练习1--给网页中所有的 <p> 元素添加 onclick 事件

1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 html> 3 head> 4 title>exe_1.htmltitle> 5 meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6
复制链接

扫一扫