Jquery基础教程之DOM操作

2020-05-23 06:24:09易采站长站整理

      该方法将查找元素ul然后将新建的li元素作为ul子节点,且作为ul的第一个子节点插入到ul中。

    4、prependTo()方法

      prependTo()方法将元素添加到每一个匹配的元素内部前置,方法如下:


$(element).prependTo();

例:     


$("<li title='西瓜'>西瓜</li>").prependTo("ul");

      该方法将新建的元素li插入到查找到的ul元素中作为ul的第一个子节元素。

    5、after()方法

      after()方法向匹配的元素后面添加元素,新添加的元素做为目标元素后的紧邻的兄弟元素。方法如下:


$(target).after(element);

例:

      $(“p”).after(“<span>新加段新加段新加段新加段新加段</span>”);

      方法将查找节点p,然后把新建的元素添加到span节点后面做为p的兄弟节点。

    6、insertAfter()方法

      insertAfter()方法将新建的元素插入到查找到的目标元素后,做为目标元素的兄弟节点。方法如下:


$(element).insertAfter(target);

例:     


$("<p>insertAfter操作</p>").insertAfter("span");

      方法将新建的p元素添加到查找到目标元素span后面,做为目标元素后面的第一个兄弟节点。

    7、before()方法

      before()方法在每一个匹配的元素之前插入,做为匹配元素的前一个兄弟节点。方法如下:


$(target).before(element);

例:

      $(“p”).before(“<span>下面是个段落</span>”);

      before方法查找每个元素p,将新建的span元素插入到元素p之前做为p的前一个兄弟节点。

    8、insertBefore()方法

      insertBefore()方法将新建元素添加到目标元素前,做为目标元素的前一个兄弟节点,方法如下:


$(element).insertBefore(target);

例:      


$("<a href='#'>锚</a>").insertBefore("ul");

      insertBefore()新建a元素,将新建的a元素添加到元素ul前,做为ul的前一个兄弟节点。

      增加元素的方法前四个是添加到元素内部,后四个是添加到元素外部的操作,有这些方法可以完成任何形式的元素添加。