web-dev-qa-db-ja.com

.prop（hidden：true）を使用してJQueryのボタンを非表示にする

.prop（hidden：true）メソッドを使用してJQueryでボタンを非表示にする方法を理解しようとしています。何らかの理由で、Chromeでこの値を設定してhtmlを表示すると、ボタンには非表示の要素がありますが、ボタンはページに表示されたままです。

何か案は？

javascriptjquerygoogle-chromebutton
14
2scottish

ボタンには隠しプロパティがありませんか？

$('button').hide();

または

$('button').toggle(true);  //shows button
$('button').toggle(false); //hides button
27
adeneo

displayスタイルをnoneに設定して使用できます。例えば、

_$("#button").css("display", "none");
_

または、簡潔にするために.hide()、

_$("#button").hide()
_

visibilityとopacityもありますが、これらの2つは希望する効果を生成しない可能性があります。

3
Alexander

JQueryの.prop()関数を使用してボタンを非表示にすることはできません。.hide() or .fadeOut()を使用するか、.css()メソッドを使用して試すことができます。

.css()を使用：

_$('input[submit]').css('display','none');
_

fadeOut()を使用：

_$('input[submit]').fadeOut();
_

.hide()を使用：

_$('input[submit]').hide();
_
2
Jai

構文は正しくありませんが、「隠された」プロパティはありません。あなたはおそらく望みます：

$('#your_button').hide();

または多分

$('#your_button').addClass('hidden');

cSSに「隠された」クラスがある場合。

構文の誤った部分は、関数呼び出しのパラメーターが正しく表現されていないことです。プロパティの設定は次のようになります。

$("#your_button").prop("name", "value");
1
Pointy

jQuery.propは HTML属性のみを対象としています 、DOMノードで定義されたものです。 CSSスタイルは、propを使用して設定するための適切なものではなく、hiddenは存在しませんが、hrefまたはclassは適切です。代わりに、$(el).css('display', 'none')または$(el).hide()を使用する必要があります。

1
Robert K

ternary演算子とcss()メソッドを使用して同じことを実行できます： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

$("#button").css("display", (mycondition) ? "block" : "none");
0
NuclearPeon

あなたがbootstrap4と一緒にjqueryをたまたま使用した場合、あなたが説明したことは実際には正しいです。

次のようにしてください：$element.prop('hidden', true);

bootstrap 4が利用できない場合でも、最新のブラウザで動作します。

0
Curious Sam

プロップを使用したい場合は、

$("#my_button").prop("style").display="none"

私はjqueryなしで行きます。 （基本に戻る）

document.getElementById("mybutton").style.display = "none";
0
allenhwkim

prop（）はゲッター関数です： http://api.jquery.com/prop/ 非表示にすることをお勧めします： http://api.jquery.com/hide/ =

0
darshanags