我的第二课：jquery点击按钮消失

最新推荐文章于 2019-07-15 20:06:21 发布

没有一明天

最新推荐文章于 2019-07-15 20:06:21 发布

阅读量1.2k

点赞数

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20315107

版权

jquery学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jquery点击按钮消失的代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
      <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
      <script type="text/javascript">
         $(document).ready(
              function()
              {
                  $("button").click(
                  function(){
                     $("p").hide();
                     }
                  );


              }
         );

      </script>
</head>

<body>
     <h3>这是标题：点击按钮里面的文字就会消失</h3>
     <p>this is a paragraph </p>
     <p>this is anther paragraph </p>
     <button type="button"> 点击</button>
</body>
</html>