SOURCE

// $("#biao tr:first td:first").css("background-color":red);
// $("#biao tr td").hover(function(){
//   $(this).addClass("hover")
// },function(){
//   $(this).removeClass("hover")
// })
// $("#biao tr").hover(function(){
//   $(this).css("color",red); 
// })

// function ChangeColor(){
//   // $("table tr td").css("background-color:pink");
//  $("#table1 tr td:first").addClass("active");    
// }

// $("#ChangeColor").click(function(){
//   $("div").animate({right:'250px'});
// }); 

new Vue({
  el:"#app",
  data:{
    meage:'Hello Vue.j!'
  }
})

<!-- <button id="ChangeColor">点击显示动画</button>
<table id="table1" style="margin-top:20px;">
  <tr>
    <td>111</td>
    <td>222</td>
    <td>333</td>
    <td>444</td>
  </tr>
    <tr>
    <td>111</td>
    <td>222</td>
    <td>333</td>
    <td>444</td>
  </tr>
</table>
<p id="shuju">p</p>
<p>s</p>
<div class="box">
  <span>动画</span>
</div> -->

<div id="app">
  <p>{{ meage}}</p>
</div>

table{
 border:1px solid black;
}
table td{
  border:1px solid black;
}
.hover{
  background-color:red;
  color:white;
}
.active{
  background-color:pink;
  color:grey;
}
.box{
  background-color:red;
  color:white;
  width:60px;
  height:60px;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
}