jquery 的 .css('visibility', 'hidden') 方法没有隐藏元素答案

【问题标题】：jquery's .css('visibility', 'hidden') method isn't hiding the elementjquery 的 .css('visibility', 'hidden') 方法没有隐藏元素
【发布时间】：2010-07-21 18:59:05
【问题描述】：

我有以下代码

$(function() {

  $('#totalRecords').css('visibility', 'hidden'); 
  alert("hi");

 });

问题是它没有隐藏我的下拉列表

   <span id="lblCodes" class="pol" style="top:4;left:209;">Codes</span>
  <span id="totalRecords" class="pol" style="top:4;left:350;visibility:visible;">
  <select id="startRecord" >
   <option value="0"></option>
  </select>
  </span>

是否有 parent() 或其他方法。我以为 jquery 只会从 id 中选择。我看到 alert("hi") 提示，但下拉菜单没有隐藏

谢谢

【问题讨论】：

标签： jquery-ui jquery-plugins jquery jquery-selectors

【解决方案1】：

你不是说

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

您的下拉选择器中的 id 似乎有误。此外，visibility and display are quite different. 除非您希望隐藏的下拉菜单仍然占据空间，否则您将需要使用 display 而不是 visibility

【讨论】：

【解决方案2】：

我会说你应该使用“display”属性并将其设置为“none”来隐藏元素。所以你的代码是：

$('#totalRecord').css('display', 'none');

它应该是“totalRecord”而不是“totalRecords”

【讨论】：

【解决方案3】：

从样式属性中移除 "visibility:visible" 并使用 $('#startRecord').hide();

【讨论】：

【解决方案4】：

我认为您为选择器选择了错误的 id。如果您需要隐藏下拉菜单，采用 $('#startRecord').hide(); 要么 $('#startRecord').css('display', 'none'); 要么 $('#startRecord').css('可见性', '隐藏');

注意：可见性和显示的功能不同。

【讨论】：