在.append()和.appendTo()中,傳入的子元素都可以多元素傳入;那么prepend()與prependTo()是否也可以子元素多元素傳入?
<script type="text/javascript">
? ? $("#bt1").on('click', function() {
? ? ? ? //找到class="aaron1"的div節(jié)點(diǎn)
? ? ? ? //然后通過prepend在內(nèi)部的首位置添加一個(gè)新的p節(jié)點(diǎn)
? ? ? ? $('.aaron1')
? ? ? ? ? ? .prepend('<p>prepend增加的p元素</p>','<p>我是p元素2</p>')
? ? })
//這個(gè)例子中,就可以前置多個(gè)子元素
? ? </script>
? ? <script type="text/javascript">
? ? $("#bt2").on('click', function() {
? ? ? ? //找到class="aaron2"的div節(jié)點(diǎn)
? ? ? ? //然后通過prependTo內(nèi)部的首位置添加一個(gè)新的p節(jié)點(diǎn)
? ? ? ? $('<p>prependTo增加的p元素</p>','<p>我是p元素2</p>')
? ? ? ? ? ? .prependTo($('.aaron2'))
? ? })
//在這個(gè)例子中,卻無法前置多個(gè)子元素,是不是JQ這個(gè)方法有缺陷?
? ? </script>
2017-11-19
自己搞錯(cuò)了,已經(jīng)弄明白了。
經(jīng)實(shí)際操作 總結(jié)如下:
.append() ? ? ?插入子元素
.prepend() ? ? ?前置子元素
.after() ? ? ? 插入兄弟元素
.before() ? ? ?前置兄弟元素
都是方法(函數(shù))在前,內(nèi)容(參數(shù))在后 可以支持多參數(shù);
.appendTo() ? ? 插入子元素
.prependTo() ? ?前置子元素
.insertBefore() ?前置兄弟元素
.insertAfter() ? 插入兄弟元素
都是內(nèi)容(參數(shù))在前,函數(shù)(方法)在后,不支持多參數(shù)
2017-11-19
.prepend()方法將指定元素插入到匹配元素里面作為它的第一個(gè)子元素 (如果要作為最后一個(gè)子元素插入用.append()).