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