在将标记附加到DOM之前设置标记css属性

Question

我使用jquery append()方法放入DOM div标签

我想在放置之前,例如设置div标签一些css属性visibility: "hidden"

这不起作用:

$(document).ready( function () {

     $(".child").css({
         visibility: "hidden"   
      });

      $("body").append('<div class="child"></div>');


});

http://jsfiddle.net/SBAFk/

如何解决这个问题呢 ？

Answer 1

您的代码无法工作,因为它不会创建新的CSS规则,只会搜索匹配的元素 - 而且还无法找到新元素.最简单的方法是创建元素,设置其CSS属性,然后将其添加到DOM:

var div = $('<div class="child"></div>').css('visibility', 'hidden');
$('body').append(div);

另一种选择是创建与选择器匹配的新CSS规则.