<!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>動態(tài)創(chuàng)建元素節(jié)點</h2>
????<button>點擊通過jQuery動態(tài)創(chuàng)建元素節(jié)點</button>
????<script?type="text/javascript">
????var?$body?=?$('body');
????$body.on('click',?function()?{
????????//通過jQuery生成div元素節(jié)點
????????var?div?=?$("<div?class='right'><div?class='aaron'>動態(tài)創(chuàng)建DIV元素節(jié)點</div></div>")
????????$body.append(div)
????})
2017-03-15
樓上正解
2017-03-15
.left div{.......}改變的是類名為left的元素下的所有div（包括兒子和孫子等后代）的樣式
例如
.left div{color:red;}
<div class="left">我的顏色沒有變化
????????<div>我是left的兒子，我的顏色變紅了
????????????????????<div>我是left的孫子，我的顏色也變紅了</div>
????????</div>
</div>