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" 
});