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

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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章