Tad 教材網 - 線上書籍

:::

\[1012\]PHP進階開發及TadTools工具應用
============================

```
<pre class="brush: xhtml;" title="code">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>jquery測試</title>
  
  <script type="text/javascript" src="jquery-1.8.1.min.js"></script>
  
  <script type="text/javascript">
  $(document).ready(function(){
    $('#tbl').hide();

$('.box').click(function(){
      $('#tbl').fadeIn('slow');
      $('.box').css("color","blue").css("font-size","2em");
    });

$('button').click(function(){
      $('#tbl').fadeOut('slow');
      $('.box').css("color","red").css("font-size","1em");
    });

$('#my_name').change(function(){
      $('.box').append("嗨！" + $('#my_name').val());
    });
    
  });
  </script>
  </head>
  <body>

<div class='box'>
  點我填寫功能表
	</div>

</body>
</html>
```

</body></html>

:::