Chinaunix首页 | 论坛 | 博客
  • 博客访问: 569016
  • 博文数量: 208
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2052
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-19 21:54
文章分类

全部博文(208)

文章存档

2019年(18)

2018年(27)

2017年(5)

2016年(53)

2015年(88)

2014年(17)

分类: jQuery

2016-09-06 23:32:11


html代码:

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>jQ简单操作</title>
  6.        // 引入jQ封装库,要在js引入之前加入
  7.         <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
  8.         <script type="text/javascript" src="js/1.js"></script>
  9.     </head>
  10.     <body>
  11.         <p>点击我就会消失</p>
  12.         <p>点击我 要就 会消失</p>
  13.         <p>点击我 也要 就会消失</p>
  14.     </body>
  15. </html>
js代码:

点击(此处)折叠或打开

  1. window.onload = function(){
  2.     
  3.     
  4.     
  5.     $(function(){
  6.         
  7.     $("p").click(function(){
  8.         console.log(this);
  9.         //this指针指向每一次点击的标签p
  10.         //hide()进行隐藏
  11.         $(this).hide();
  12.         
  13.         
  14.     });
  15.         
  16.         
  17.         
  18.         
  19.     });
  20.     
  21.     
  22.     
  23.     
  24. }


阅读(214) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册