谁能告诉我 .left div{}是什么意思？？？-慕课网

谁能告诉我 .left div{}是什么意思？？？

来源：2-2 jQuery节点创建与属性的处理

Mr_国产青年Javency

2017-03-15 00:37

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <style>
    .left,
    .right {
        width: 300px;
        height: 120px;
    }
    
    .left div,
    .right div {
        width: 100px;
        height: 90px;
        padding: 5px;
        margin: 5px;
        float: left;
        border: 1px solid #ccc;
    }
    
    .left div {
        background: #bbffaa;
    }
    
    .right div {
        background: yellow;
    }
    </style>
</head>

<body>
    <h2>动态创建元素节点</h2>
    <button>点击通过jQuery动态创建元素节点</button>
    <script type="text/javascript">
    var $body = $('body');
    $body.on('click', function() {
        //通过jQuery生成div元素节点
        var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
        $body.append(div)
    })

写回答关注

2回答

慕粉132639393

2017-03-15 09:32:06

楼上正解

0 0
张小点_0

2017-03-15 09:24:51

.left div{.......}改变的是类名为left的元素下的所有div（包括儿子和孙子等后代）的样式
例如
.left div{color:red;}
<div class="left">我的颜色没有变化
        <div>我是left的儿子，我的颜色变红了
                    <div>我是left的孙子，我的颜色也变红了</div>
        </div>
</div>

2 1

张小点_0 回复Mr_国产青...

老师可能有点偷懒，style中的.left等样式表应该是之前的从某节课中直接copy过来的，那节课中的html标签中应该有类名为left的，你从这几课往回翻几节课就能看见了

2017-03-18 21:46:50

共 2 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼，了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题

.left div这个是什么意思呢

回答 2

谁能告诉我 $(".aaron1").append( $(this).clone().css('color','red') )为什么不能这样写

回答 5

请问$('.left')中这个.代表什么意思

回答 2

parents()无参数那parents('.first-div').是什么意思

回答 1

return '<div></div>';中return '<div></div>'是什么意思来的

回答 1

打开慕课网App查看更多内容