当所添加的html需要位于特定的某个标签内时需要使用 append appendto preappend
1 使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
$("<b> Hello World!</b>").appendTo("p"); 结果是 <p><b> Hello World!</b></p>
2 append 在一个元素末尾(结束标签之前,仍位于内部)添加html
3 prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。
var newImage = '<img src="' + imgPath +'">';
$('#photo').prepend(newImage);
5 before() 在被选择的元素的 之前插入指定内容.
4 after() 方法在被选元素的结尾 之后 插入指定内容。
$('a[href$="cn"]').each(function () {
var href = $(this).attr('href');
href = href.replace('http://', '')+'中国';
$(this).after('(' + href + ')')
})
本文详细介绍了使用jQuery操作DOM的方法,包括向元素内部追加或前置内容的appendTo和prependTo,以及在元素前后插入内容的after和before方法。通过具体实例展示了如何灵活运用这些方法来实现页面元素的动态变化。
938

被折叠的 条评论
为什么被折叠?



