首先,jQuery 是一个 JavaScript 库,用于简化 HTML 文档遍历和操作。在 HTML 文档中,display:none 用于隐藏元素,使其在页面上不可见。要获取 HTML 列表中的第一个元素,可以使用 jQuery 的 first()
方法。
以下是使用 jQuery 获取 HTML 列表中第一个元素并隐藏它的示例代码:
// 引入 jQuery 库
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
// HTML 代码
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
// jQuery 代码
$(document).ready(function(){
$("ul li:first").hide();
});
这段代码中,当文档加载完成时,通过 jQuery 的 first()
方法获取第一个 <li>
元素,并使用 hide()
方法将其隐藏。如果要获取其他元素或隐藏其他元素,只需在 jQuery 代码中修改对应的选择器即可。
领取专属 10元无门槛券
手把手带您无忧上云