最下面的jQuery语句为什么没效果,按我理解应该把 橘子 显示出来的啊?

<!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>

        <div></div>

        <ul>

            <li style="display:none">橘子</li>

            <li style="display:block">香蕉</li>

            <li style="display:">葡萄</li>

            <li>苹果</li>

            <li style="display:none">西瓜</li>

        </ul>

        

        <script type="text/javascript">

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

        $("li:first").html($("li:hidden").html());


        </script>

    </body>

</html>


黄志明
浏览 1912回答 6
6回答

走向流沙

用jq改变属性可以用attr(); 改变样式就用css();如果是你的说的隐藏显示,jq里有hide()和show()可以用,而且简洁。

大虾来了

改变属性用attr()

黄志明

懂了,因为这段jQuery只是把内容嵌进去,但是属性并没有改变,仍然是hidden,至于怎么改变属性。。。。暂时还不知道

周剑秋

$("li:first-child").html()

__盛开在天空的眼泪

$("li:first-child").html()
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery