HTMLを非表示<div>
にする場合は、次のJavaScriptコードを使用します。
var div = document.getElementById('myDiv');
div.style.visibility = "hidden";
div.style.display = "none";
jQueryのそのコードに相当するものは何ですか?
回答:
$('#myDiv').hide();
または
$('#myDiv').slideUp();
または
$('#myDiv').fadeOut();
$("#myDiv").hide();
css表示をnoneに設定します。可視性も非表示に設定する必要がある場合は、
$("#myDiv").css("visibility", "hidden");
または両方をチェーンで組み合わせる
$("#myDiv").hide().css("visibility", "hidden");
または、1つのcss()関数ですべてを記述します
$("#myDiv").css({
display: "none",
visibility: "hidden"
});
$("myDiv").hide();
そして$("myDiv").show();
それだけでなくInternet Explorerで動作しません。
これを回避する方法は、myDiv
を使用したhtmlコンテンツを取得することでした .html()
。
次に、新しく作成したDIVに書き込みました。私は、身体へのDIVを追加し、変数の内容を追加Content
しHiddenField
、私はDIVを見せたかったときに、新しく作成されたdiv要素からその内容を読み取ります。
.remove()
メソッドを使用して、一時的にDIVhtmlを保持していたDIVを削除した後。
var Content = $('myDiv').html();
$('myDiv').empty();
var hiddenField = $("<input type='hidden' id='myDiv2'>");
$('body').append(hiddenField);
HiddenField.val(Content);
そして、コンテンツをもう一度表示したいとき。
var Content = $('myDiv');
Content.html($('#myDiv2').val());
$('#myDiv2').remove();
これは.hide()
&.show()
メソッドよりも信頼性が高かった。
display:none
で、3つの異なるアニメーション効果があります。正解は@ honk31によるもの.css("visibility", "hidden")
で、目的があります。visiblity:hidden
違ってはdisplay:none
いる間のスペースを使用し続けますdisplay:none
ことは決してありません、既存のように動作します。