appendTo append prepend before after

来源:互联网 发布:思迅软件合作社区 编辑:程序博客网 时间:2024/05/16 10:40

当所添加的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 + ')')
        })



0 0