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

為什么在prependTo那里只能顯示一個(gè)p標(biāo)簽的內(nèi)容

<!DOCTYPE html>
<html>

<head>
??? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
??? <title></title>
??? <script src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
??? <style>
??? .aaron1{
??????? border: 1px solid red;
??? }
??? .aaron1 p {
??????? color: red;
??? }
??? .aaron2{
??????? border: 1px solid blue;
??? }
??? .aaron2 p {
??????? color: blue;
??? }
??? </style>
</head>

<body>
??? <h2>通過(guò)prepend與prependTo添加元素</h2>
??? <button id="bt1">點(diǎn)擊通過(guò)jQuery的prepend添加元素</button>
??? <button id="bt2">點(diǎn)擊通過(guò)jQuery的prependTo添加元素</button>
??? <div class="aaron1">
??????? <p>測(cè)試prepend</p>
??? </div>
??? <div class="aaron2">
??????? <p>測(cè)試prependTo</p>
??? </div>
??? <script type="text/javascript">
??? $("#bt1").on('click', function() {
??????? //找到class="aaron1"的div節(jié)點(diǎn)
??????? //然后通過(guò)prepend在內(nèi)部的首位置添加一個(gè)新的p節(jié)點(diǎn)
??????? $('.aaron1')
??????????? .prepend('<p>prepend增加的p元素</p>','<p>prepend增加的p元素1</p>')
??? })
??
??? </script>
??? <script type="text/javascript">
??? $("#bt2").on('click', function() {
??????? //找到class="aaron2"的div節(jié)點(diǎn)
??????? //然后通過(guò)prependTo內(nèi)部的首位置添加一個(gè)新的p節(jié)點(diǎn)
??????? $('<p>prependTo增加的p元素</p>','<p>prependTo增加的p元素111</p>')
??????????? .prependTo($('.aaron2'))
??? })
??? </script>
</body>