Question

我有以下代码

$(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>

是否存在父（）或其他方法。我以为jquery会从id中选择。我看到警告（“hi”）提示，但下拉列表没有隐藏

感谢

Answer 1

你不是说

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

您的选择器中的下拉列表似乎有错误的ID。此外，visibility and display are quite different.除非您希望隐藏的下拉列表仍然占据空间，否则您需要使用display代替visibility

Answer 2

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

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

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

Answer 3

从style属性中删除“visibility：visible”并使用$（'＃startRecord'）。hide（）;

Answer 4

我认为你为选择器选择了错误的id。如果你需要隐藏下拉列表，使用 $（ '＃startRecord'）隐藏（）。要么 $（'＃startRecord'）。css（'display'，'none'）; 要么 $（'＃startRecord'）。css（'visibility'，'hidden'）;

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

jquery .css（'visibility'，'hidden'）方法没有隐藏元素

4 个答案: