1

append()jqueryメソッドを使用してDOMdivタグに入れました

置く前に、たとえばdivタグにcssプロパティを設定します。visibility: "hidden"

これは機能しません：

$(document).ready( function () {

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

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


});

http://jsfiddle.net/SBAFk/

この問題を解決する方法は？

4

2 に答える 2

6

新しいCSSルールを作成せず、一致する要素を検索するだけなので、コードは機能しません。新しい要素はまだ見つかりません。最も簡単な方法は、要素を作成し、そのCSSプロパティを設定してから、それをDOMに追加することです。

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

別のオプションは、セレクターに一致する新しいCSSルールを作成することです。

于 2013-02-20T12:32:27.410 に答える
1

コードの問題は、jqueryがchildDOMに追加される前にクラスを検索していることです。これは、DOMtreeに挿入されていないため、見つけることができません。div.css()を追加した後にコードを配置してください。

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

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

ここをいじる

于 2013-02-20T12:33:19.923 に答える