                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(二)—DOM篇

想對(duì)div #aaron設(shè)置一些屬性沒(méi)有成功

<!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>
????.test1?{
????????background:?#bbffaa;
????}
????
????.test2?{
????????background:?yellow;
????}
?????#aaron?{
????????width:300px;
????????background-color:#639;
????????border:1px?solid?red;
????????height:200px;
????}
????</style>
</head>

<body>
????<h2>通過(guò)insertBefore與insertAfter添加元素</h2>
????<button?id="bt1">點(diǎn)擊通過(guò)jQuery的insertBefore添加元素</button>
????<button?id="bt2">點(diǎn)擊通過(guò)jQuery的insertAfter添加元素</button>
????<div?class="aaron">
????????<p?class="test1">測(cè)試insertBefore,不支持多參數(shù)</p>
????</div>
????<div?class="aaron">
????????<p?class="test2">測(cè)試insertAfter,不支持多參數(shù)</p>
????</div>
????<script?type="text/javascript">
????$("#bt1").on('click',?function()?{
????????//在test1元素前后插入集合中每個(gè)匹配的元素
????????//不支持多參數(shù)
????????$('<p?style="color:red">測(cè)試insertBefore方法增加</p>',?'<p?style="color:red">多參數(shù)</p>').insertBefore($(".test1"))
????})
????</script>
????<script?type="text/javascript">
????$("#bt2").on('click',?function()?{
????????//在test2元素前后插入集合中每個(gè)匹配的元素
????????//不支持多參數(shù)
????????$('<p?style="color:red">測(cè)試insertAfter方法增加</p>',?'<p?style="color:red">多參數(shù)</p>').insertAfter($(".test2"))
????})
????</script>
</body>

</html>

請(qǐng)問(wèn)#aaron {

? ? ? ? width:300px;

? ? ? ? background-color:#639;

? ? ? ? border:1px solid red;

? ? ? ? height:200px;

? ? }

為什么沒(méi)有顯示效果？