sfanxi
2018-08-09 12:33
<div class="aaron">
<p class="test1">测试insertBefore,不支持多参数</p>
</div>
<script type="text/javascript">
$("#bt1").on('click', function() {
//在test1元素前后插入集合中每个匹配的元素
//不支持多参数
$('<p style="color:red">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1")) ;
})
执行完点击事件后,p标签跟.test1是兄弟节点关系,只有.test1上有背景色,所以新加的内容没有背景颜色,你要是想让新加的内容有背景颜色,有两种方式:
在.aaron上添加背景颜色
在p标签上加.test1 ,eg:
$('<p style="color:red" class="test1">测试insertBefore方法增加</p>', '<p style="color:red">多参数</p>').insertBefore($(".test1")) ;
可是它的样式只有test的背景颜色啊...
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题