javascript - 如何隐藏#id对象

Question

所以我正在使用 lightbox(它基本上是 fancybox)，并且我正在使用内联功能(因此单击链接并弹出一些文本)。

我将文本定义如下:

<p id="wald" style="width:500px; border:2px solid #ececec; padding:10px; margin-right:auto;margin-left:auto;">
<strong>id="loremipsum"</strong> Nullam varius congue fringilla. Curabitur auctor dapibus molestie. Cras malesuada vestibulum lectus, vel ullamcorper nibh tempus lobortis. Donec ipsum magna, malesuada et fringilla eget, placerat ut arcu. Donec aliquet, mauris ut pellentesque tincidunt, massa dolor tempor urna, ac interdum massa nisl id tellus. Maecenas eu nunc varius lorem porttitor faucibus. Suspendisse potenti. Donec ullamcorper vehicula pretium. In aliquam adipiscing mi, rhoncus eleifend felis auctor eu. Aenean et mi vitae ante ultricies pulvinar a vel neque.
</p>

但问题是文本显示在页面底部。

我该如何解决这个问题？

Answer 1

使用您编写的 CSS 隐藏对象

.[class of element] {display:none; }

#[id of element]  {display:none;}

您还可以使用{visibility:hidden}

使用 jQuery，你可以通过

来做到这一点

$(document).ready(function () {

  //this is used it we want to access multiple style add extra with comma sperated values. 
  $("#[id of element]").css({display:none});
  $(".[class of element]").css({display:none});

或者你也可以尝试

  //this is used it we want to access only one style 
  $("#[id of element]").css('display','none');
  $(".[class of element]").css('display','none');

});