jquery 改变元素内容实例

jquery 改变元素内容实例:

[cce_js]
[cce]
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>

<body>
    <ul>
        jquery
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
    </ul>
    <a href="javascript:;">更多</a>
    <script>
    $(function() {
        $("li:eq(5),li:eq(6)").css("display", "none");
        $("a").click(function() {
            if ($("a").text() === "更多") {
                $("a").text("简化");
                $("li:eq(5),li:eq(6)").css("display", "list-item");
            } else {
                $("a").text("更多");
                $("li:eq(5),li:eq(6)").css("display", "none");
            }
        })
    })
    </script>
</body>

</html>

[/cce]
[/cce_js]

发表评论

邮箱地址不会被公开。