insertAfter()】的更多相关文章

insertBefore():a.insertBefore(b) a在前,b在后, a:是一个选择器,b:也是一个选择器 <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>jqu</title> <script type="text/javascript" src='jquery-2.2.0.min.js'></script&g…
function insertAfter(newElement,targetElement){    var parent=targetElement.parentNode;    if(parent.lastChild==targetElement){        parent.appendChild(newElement);    }else{        parent.insertBefore(newElement,targetElement.nextSibling);    }} 注…
这几个方法的作用是插入外部节点,所谓外部插入节点就是我们平常在网页编程中手动添加代码到某一句语句的前面或后面,如图: 红色框的P是在蓝色框span的前面插入的外部节点,反过来说蓝色框的span是在红色框的p后面插入的外部节点. 再来说说表中的函数: after(content):content为插入到元素外部后面的内容 例子: $("A").after("<p>hello</p>") 在元素A外部的后面插入一个内容为hello的p标签 aft…
html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: appendTo这个方法跟append方法的很像,只是要添加的html代码的目标有所不一样: after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入: before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入: insertAfter将JQuery封装好的元素插入到指定元素的后…
导航: 1,insertBefore(),insertAfter(),prependTo(),appendTo()这四个函数用法几乎一样 2, 与之相对的有四个函数:Before(),After(),prepend(),append() 1,jQuery.insertAfter() 函数详解(其他三个参考其用法) insertAfter()函数用于将当前所有匹配元素插入到指定元素之后. 与该函数相对的是insertBefore()函数,用于将当前所有匹配元素插入到指定元素之前. 该函数属于jQu…
insertAfter,在JS节点操作中,并没有insertAfter方法,因此需要重新封装 function insertAfter(newEle,targetNode) { var oParent=targetNode.parentNode; if(oParent.lastChild==targetNode){ oParent.appendChild(newEle) }else{ oParent.insertBefore(newEle,targetNode.nextSibling ) } }…
<div id="b">bbbbbbbbb</div> <div>dddddd</div> JavaScript window.onload=function(){ var a =document.createElement("span"); var b =document.createTextNode("cssrain"); a.appendChild(b); var mubiao = docum…
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂.如下: 方法 源包装集/字串 目标包装集体 特性描述 A.append(B) B A 若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有元素)将被移动到目标位置:若目标包装集包含多个元素,则源将保留在原来的位置,但同时复制一份相同的副本到目标位置. 由此,若目标只匹配一个元素时,使用前述方法后源将被删除. B.appendTo(A) A.prepend(B) B.prependTo(A…
一.insertBefore() 如下代码:找到span标签,将span标签剪切到div的前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq-practice/jq/jquery-2.2.1.min.js">&…
function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(parent.lastChild == targetElement){ parent.appendChild(newElement); } else{ parent.insertBefore(newElement,targetElement.nextSibling); } } 此脚本来自于<JavaScript DOM…