jquery 控制div显示和隐藏简单小案例

Original 2018-12-06 11:22:36 227
abstract: <DOCTYPE! html> <html> <head>   <script type="text/javascript" src="http://jm.lle8.com/js/jquery.js"></script> </head>
<DOCTYPE! html>
<html>
<head>
  <script type="text/javascript" src="http://jm.lle8.com/js/jquery.js"></script>
</head>
<body>
<div style="background:#ccc; width:100px; height:100px;"></div>
   <script type="text/javascript">
//  $(选择器).action()
     $(document).ready(function(){
         // $str='我是一个变量'   
         // alert($str);    
      $('div').hide() //   页面打开默认隐藏div

      // 这里是点击显示按钮1000毫秒延迟显示div 
      $('#block').click(function(){
      $('div').fadeIn(1000)  
      }) 
      // 这里是点击显示按钮1000毫秒延迟隐藏div
      $('#none').click(function(){
      $('div').hide(1000) 
      })   
     })
   </script>
<button id="block">点击</button>
<button id="none">隐藏</button>
</body>
</html>


Correcting teacher:天蓬老师Correction time:2018-12-06 11:47:43
Teacher's summary:下次创建事件处理程序时, 推荐使用 .on , 现在也是主流

Release Notes

Popular Entries