.prop(hidden: true) メソッドを使用して JQuery でボタンを非表示にする方法を理解しようとしています。何らかの理由で、Chrome でこの値を設定して html を表示すると、ボタンには非表示の要素がありますが、ボタンはページに表示されたままです。
何か案は?
.prop(hidden: true) メソッドを使用して JQuery でボタンを非表示にする方法を理解しようとしています。何らかの理由で、Chrome でこの値を設定して html を表示すると、ボタンには非表示の要素がありますが、ボタンはページに表示されたままです。
何か案は?
ボタンには非表示のプロパティがありませんか?
$('button').hide();
また
$('button').toggle(true); //shows button
$('button').toggle(false); //hides button
display
スタイルを に設定して使用できますnone
。例えば、
$("#button").css("display", "none");
または、.hide()
簡潔にするために、
$("#button").hide()
ともvisibility
ありますopacity
が、これら 2 つは希望する効果が得られない場合があります。
jQuery の.prop()
関数を使用してボタンを非表示にすることはできません。いずれかを使用するか、メソッド.hide() or .fadeOut()
で試すことができます。.css()
使用.css()
:
$('input[submit]').css('display','none');
使用fadeOut()
:
$('input[submit]').fadeOut();
使用.hide()
:
$('input[submit]').hide();
あなたの構文は正しくありませんが、とにかく「隠し」プロパティはありません。あなたはおそらく欲しい:
$('#your_button').hide();
またはおそらく
$('#your_button').addClass('hidden');
CSS に「隠し」クラスがある場合。
構文の間違った部分は、関数呼び出しのパラメーターが正しく表現されていないことです。プロパティの設定は次のようになります。
$("#your_button").prop("name", "value");
jQuery.prop は、DOM ノードで定義されたHTML 属性のみを対象としています。CSS スタイルは prop で設定するのに適切なものでhidden
はなく、存在しないだけですが、href
orclass
は適用可能です。代わりに$(el).css('display', 'none')
またはを使用する必要があります$(el).hide()
。
prop を使用する場合は、
$("#my_button").prop("style").display="none"
私はjqueryなしで行きます。(基本に戻る)
document.getElementById("mybutton").style.display = "none";
prop() はゲッター関数です: http://api.jquery.com/prop/非表示の使用をお勧めします: http://api.jquery.com/hide/
ternary
演算子とcss()
メソッドを使用して同じことを達成できます: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
$("#button").css("display", (mycondition) ? "block" : "none");