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

给arron这个类加了背景,为何不起作用?

<!DOCTYPE html>

<html>


<head>

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

    <title></title>

    <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

    <style>

    .test1 {

        background: #bbffaa;

    }

    

    .test2 {

        background: yellow;

    }

    .arron{

        background:red;

        width:500px;

        height:300px;

    }       此处的定义为何无效?

    </style>

</head>


<body>

    <h2>通过insertBefore与insertAfter添加元素</h2>

    <button id="bt1">点击通过jQuery的insertBefore添加元素</button>

    <button id="bt2">点击通过jQuery的insertAfter添加元素</button>

    <div class="aaron">

        <p class="test1">测试insertBefore,不支持多参数</p>

    </div>

    <div class="aaron">

        <p class="test2">测试insertAfter,不支持多参数</p>

    </div>

    <script type="text/javascript">

    $("#bt1").on('click', function() {

        //在test1元素前后插入集合中每个匹配的元素

        //不支持多参数

        $('<p style="color:red">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1"))

    })

    </script>

    <script type="text/javascript">

    $("#bt2").on('click', function() {

        //在test2元素前后插入集合中每个匹配的元素

        //不支持多参数

        $('<p style="color:red">测试insertAfter方法增加</p>', '<p style="color:red">多参数</p>').insertAfter($(".test2"))

    })

    </script> 

</body>


</html>


2019-04-24 源自:jQuery基础(二)—DOM篇 3-4 446 浏览 1 回答

最佳回答

2019-04-24

同学,得认真检查代码了,aaron与arron,两个不同,一个a一个r

Owlapollo (提问者)

哎呀妈呀,类名我也再三确认了都没看出来,真的要去洗洗眼了
#1 2019-04-25 回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信