jQ在元素的不同位置插入元素

  在html页面中,我们可以使用jquery将需要新增的元素添加到指定元素的指定位置。
1. append()
  append()方法可以在 目标元素内部 的 尾部 插入元素,插入的元素作为最后一个子元素。















    

元素插入

  • 第一个元素
  • 第二个元素

2. appendTo()
   appendTo()方法将匹配元素插入到 目标元素 内部 的尾部。















    

元素插入

  • 第一个元素
  • 第二个元素

3. prepend()
   prepend()方法在目标元素内部的最前面插入指定的元素,并返回一个jQuery对象。指定的元素被插入到每个匹配元素里面的最前面,作为它的第一个子元素。















    

元素插入

  • 第一个元素
  • 第二个元素

4. prependTo()
   prependTo()方法将指定元素插入到 目标元素 内部 的最前面















    

元素插入

  • 第一个元素
  • 第二个元素

你可能感兴趣的:(jQ在元素的不同位置插入元素)