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ことは決してありません、既存のように動作します。