Chinaunix首页 | 论坛 | 博客
  • 博客访问: 233484
  • 博文数量: 80
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 781
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-08 10:41
个人简介

爱莉清

文章分类

全部博文(80)

文章存档

2018年(1)

2017年(18)

2016年(49)

2015年(7)

2014年(5)

我的朋友

分类: jQuery

2016-05-24 16:00:03

有两种方法:
一、网页添加:

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8.   $("p").click(function(){
  9.     $(this).hide();
  10.   });
  11. });
  12. </script>
  13. </head>
  14. <body>

  15. <p>如果你点我,我就会消失。</p>
  16. <p>点我消失!</p>
  17. <p>点我也消失!</p>

  18. </body>
  19. </html>
第二种方法是本地添加:
下载官网的jQuery文件然后引入
jquery-1.zip

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>黄英文网页设计</title>
  6.     <script src="js/jquery-1.8.3.min.js"></script>
  7.     <script>
  8.         $(document).ready(function () {
  9.             $("p").click(function () {
  10.                $(this).hide();
  11.             });
  12.         });
  13.     </script>
  14. </head>
  15. <body>
  16.     <p>这是P1标签</p>
  17.     <p>这是P2标签</p>
  18.     <p>这是P3标签</p>
  19.     <p>这是P4标签</p>
  20.     <button id="mybtn" onclick="myfun()">点击按钮</button>
  21. </body>
  22. </html>
然后就可以愉快的使用jQuery进行HTML5的开发了。
哈哈哈哈...




阅读(1083) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~