javascript变量是未定义的，它是。为什么？

Question

为什么我得到这个（TypeError: $h is undefined）错误？

<div style="clear: both;"> 
     <input type="button" value="test1" onclick="test1();" /> 
    </div> 
    <div id="box"></div> 
    <div id="debug"></div> 

     var $h; // also tried without "var" 
     $h = $("<div/>").css("position:absolute;top:100px;width:1px;height:1px;background:red;"); 
     function test1() { 
      var start = new Date().getTime(); 

      for (var i = 0; i < 10000; i++) { 
       $h.css("top", (i + 4)); 
       $h.appendTo("#box"); 
      } 
      var end = new Date().getTime(); 
      $("#debug").html(end - start); 
     } 

Answer 1

的css函数调用一个字符串作为参数，返回有该名称的样式属性的值。

当然没有样式属性被命名为"position:absolute;top:100px;width:1px;height:1px;background:red;"，这就是为什么它返回undefined。

你可能想要的是

var $h = $("<div/>").css({ 
    position:"absolute", 
    top:"100px", 
    width:"1px", 
    height:"1px", 
    background:"red" 
});