jquery 添加新元素

来源:互联网 发布:模拟人生3帅哥数据 编辑:程序博客网 时间:2024/05/22 17:11

jquery 添加新元素

http://www.cnblogs.com/jenney-qiu/archive/2012/03/09/2387197.html

(一)after()和before()方法的区别

        after()——其方法是将方法里面的参数添加到jquery对象后面去;
        如:A.after(B)的意思是将B放到A后面去;

        before()——其方法是将方法里面的参数添加到jquery对象前面去。
        如:A.before(B)的意思是将A放到B前面去;

 

(二)insertAfter()和insertBefore()的方法的区别
        其实是将元素对调位置;

        可以是页面上已有元素;也可以是动态添加进来的元素。

        如:A.insertAfter(B);即将A元素调换到B元素后面;
        如<span>CC</span><p>HELLO</p>使用$("span").insertAfter($("p"))后,就变为<p>HELLO</p><span>CC</span>了。两者位置调换了

     (三)append()和appendTo()方法的区别

              append()——其方法是将方法里面的参数添加到jquery对象中来;
              如:A.append(B)的意思是将B放到A中来,后面追加,A的子元素的最后一个位置

              appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
              如:A.appendTo(B)的意思是将A放到B中去,后面追加,B的子元素的最后一个位置

  (四)prepend()和prependTo()方法的区别

              prepend()——其方法是将方法里面的参数添加到jquery对象中来;
              如:A.append(B)的意思是将B放到A中来,插入到A的子元素的第一个位置

              prependTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
              如:A.appendTo(B)的意思是将A放到B中去,插入到B的子元素的第一个位置

        (一)(二)方法与(三)(四)方法的区别就在于:后者是外部插入,即在元素外面添加,作为元素的兄弟节点;
        前者是在内部插入,即在元素内部进行添加,作为元素的子节点。

      第(一)(二)方法很相似。