为了账号安全,请及时绑定邮箱和手机立即绑定

错在那里?

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

    div {

        width: 100px;

        height: 90px;

        float: left;

        padding: 5px;

        margin: 5px;

        background-color: #EEEEEE;

    }

    </style>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

</head>


<body>   

<div id="aaron">

    <p>id="aaron"</p>

    <p>选中</p>

    </div>

    <div id="imooc">

        <p>id="imooc"</p>

        <p>jQuery选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery未选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery未选中</p>

    </div>    

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery未选中</p>

    </div>

    <script type="text/javascript">

       //通过原生方法处理

        var div = document.getElementById('aaron');

        div.style.border = "3px solid blue";

    </script>


    <script type="text/javascript">

    //通过jQuery直接传入id

    //id的唯一,只选择到了第一个匹配的id为imooc的div节点

        $("#imooc").css("border", "3px solid red");

        $('.imooc').css('border'.'3px solid yellow');

    </script>


</body>


</html>


正在回答

4 回答

   $('.imooc').css('border'.'3px solid yellow');


border后面是点号改成逗号就好了

不知道你是不是问这个问题。

css id优先权高,class类优先权不够高所以后面三个边框都是黄色


0 回复 有任何疑惑可以回复我~
#1

乱也

看错了
2017-01-06 回复 有任何疑惑可以回复我~

因为ID的唯一性,如果是多个的话,就默认为是第一个。再加上你定义的class也有点混乱。

0 回复 有任何疑惑可以回复我~

自己看看

    <script type="text/javascript">

    //通过jQuery直接传入id

    //id的唯一,只选择到了第一个匹配的id为imooc的div节点

$("#imooc").css("border","3px solid red");

        $(".imooc").css('border','3px solid yellow');

    </script>


0 回复 有任何疑惑可以回复我~

你的类选择器的boder后面写成 . 了,为 , 的

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

错在那里?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信