JQuery 入门问题


  <HEAD>
<script language=javascript src="js/jquery.js" type=text/javascript></script>
<script language=javascript>
  function jq(){
$("<div><p>Hello</p></div>").appendTo("body");
$(document.body).background("black");
  }
</script>
</HEAD><BODY>
    <table id="table1" cellspan="0" border="1" width="100%" bgcolor="lightgreen">
   <tr id="tr1">
     <td align="center">A</td>
 <td align="center">B</td>
 <td align="center">C</td>
 <td align="center">D</td>
 <td align="center">E</td>
 <td align="center">F</td>
   </tr>
   <tr id="tr2">
     <td align="center">A</td>
 <td align="center">B</td>
 <td align="center">C</td>
 <td align="center">D</td>
 <td align="center">E</td>
 <td align="center">F</td>
   </tr>
   <tr id="tr3">
     <td align="center">A</td>
 <td align="center">B</td>
 <td align="center">C</td>
 <td align="center">D</td>
 <td align="center">E</td>
 <td align="center">F</td>
   </tr>
</table>
 <p>one</p>
 <div>
       <p >two</p>
 </div>
    <p id="p">three</p> 
    <a href="#" id="test" onClick="jq()" >jQuery</a></BODY>
$(document.body).background("black");
这句话不生效，不知道怎么回事~~各位帮忙看一下 谢谢！