                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

:hidden过滤选择器和:visible过滤选择器，做练习，我想要实现水果全部显示出来，用前面说的选择器。新手，求大神帮忙

<!DOCTYPE html>

<html>

<head>

<title>:visible过滤选择器</title>

</head>

<body>

<ul>

<p></p>

</ul>

$("li:visible").css("color","blue");

var $styHTML=$("li:hidden").html();

$("p").html($styHTML);

</script>

</body>

</html>

qq_嫵钶取玳_0

2015-12-17

源自：jQuery基础课程 3-6

关注问题我要回答

400

操作

收起

1 回答

mosci 回答被采纳 +3 积分
2015-12-17

<!DOCTYPE html>
<html>
    <head>
        <title>:visible过滤选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>修改可见“水果”的背景色</h3>
        <ul>
            <li style="display:none">橘子</li>
            <li style="display:block">香蕉</li>
            <li style="display:">葡萄</li>
            <li>苹果</li>
            <li style="display:none">西瓜</li>
        </ul>
        <div></div>
        <script type="text/javascript">
        var $strHTML = $("li:hidden").html();
        $("div").html($strHTML);
        
        </script>
    </body>
</html>