jq无序列表隐藏

最新推荐文章于 2024-06-11 08:19:30 发布

原创最新推荐文章于 2024-06-11 08:19:30 发布 · 742 阅读

0 ·

CC 4.0 BY-SA版权

学习专栏收录该内容

9 篇文章

订阅专栏

This is a heading

This is a paragraph.

This is another paragraph.

图书种类

计算机类
教材类
杂志类
文学类

计算机类
教材类
杂志类
文学类

<html>
<head>

    <script src="Scripts/jquery-1.10.2.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("ul[type='circle']").hide();//类型（type）为circle的隐藏
$("ul[type='square'] li:eq(2)").hide();//类型（type）为square的倒数第二个内容隐藏
});


</script>


</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<h3>图书种类</h3>
    <ul type="circle">
        <li>计算机类</li>
        <li>教材类</li>
        <li>杂志类</li>
        <li>文学类</li>
    </ul>

    <ul type="square">
        <li>计算机类</li>
        <li>教材类</li>
        <li>杂志类</li>
        <li>文学类</li>
    </ul>

<button type="button">Click me</button>
</body>
</html>

//引用的MVC自带的js文件不是mvc创建的可以引用网络地址

<script src="http://code.jquery.com/jquery-1.10.1.js"></script>