javascript - 如何在页面加载时显示隐藏的列表项？

Question

我想在页面加载时显示我的父 ul。但是我的代码不起作用:

$(document).ready(function(){
  ('ul:first').show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul style="display:none">
  <li>I am visible</li>
  <ul style="display:none">
    <li>I am not visible</li>
    </ul>
</ul>

Answer 1

You are missing $ while selecting element

$(document).ready(function() {
  $('ul:first').show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul style="display:none">
  <li>I am visible</li>
  <ul style="display:none">
    <li>I am not visible</li>
  </ul>
</ul>