Question

我试图找出如何使用.prop（hidden：true）方法使用JQuery隐藏按钮。出于某种原因，在Chrome中，当我设置此值并查看html时，该按钮有一个隐藏元素，但该按钮仍显示在页面上可见。

有什么想法吗？

Answer 1

按钮没有隐藏属性？

$('button').hide();

或

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

Answer 2

您可以使用display样式设置为none。例如，

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

或者，.hide()为了简洁，

$("#button").hide()

还有visibility和opacity，但这两个可能无法产生您想要的效果。

Answer 3

您无法使用jQuery的.prop()功能隐藏按钮，您必须使用.hide() or .fadeOut()或使用.css()方法尝试：

使用.css()：

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

使用fadeOut()：

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

使用.hide()：

$('input[submit]').hide();

Answer 4

您的语法不正确，但无论如何都没有“隐藏”属性。你可能想要：

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

或可能

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

如果你的CSS中有一个“隐藏”类。

语法的错误部分是函数调用的参数表示不正确。设置属性应如下所示：

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

Answer 5

jQuery.prop是intended for HTML attributes only，在DOM节点上定义的东西。 CSS样式不适用于使用道具设置的内容，而hidden只是不存在，而href或class适用。相反，您必须使用$(el).css('display', 'none')或$(el).hide()。

Answer 6

prop（）是一个getter函数：http://api.jquery.com/prop/我建议使用hide：http://api.jquery.com/hide/

Answer 7

如果你想使用道具，那么

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

我会去j / o jquery。（回到基础）

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

Answer 8

如果您碰巧在bootstrap4旁边使用jquery，那么您所描述的内容实际上是正确的。

只需执行以下操作： $element.prop('hidden', true);

如果没有可用的bootstrap 4，它仍适用于现代浏览器。

Answer 9

您可以使用ternary运算符和css()方法完成同样的事情：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

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

使用.prop（隐藏：true）隐藏JQuery中的按钮

9 个答案: