jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore

全栈工程师开发手册（作者：栾鹏）

jquery系列教程2-DOM操作全解

jquery创建添加元素

jquery支持直接使用h5代码作为参数创建元素，将元素添加到dom树中append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore等方法，具体功能如代码中注释。

代码如下：

$cr = $("<label></label>");                               //使用h5代码创建元素
$("#div1").append($cr);                                   //添加创建好的元素//创建文本节点
$cr = $("<label>这里就是文本</label>");                    //在元素中加上文本就是创建文本节点，更准确的说法应该是创建元素节点和文本节点
$("#div1").append($cr);                                   //创建好的元素//创建属性节点
$cr = $("<label title='mytitle'>这里就是文本</label>");     //创建包含title属性的label元素
$("#div1").append($cr);                                   //append表示在父元素内部结尾追加元素
$("#div1").prepend($cr);                                  //prepend表示在父元素内部首部添加元素
$cr.appendTo($("#div1"));                                     //appendTo表示子元素追加到父元素内部结尾
$cr.prependTo($("#div1"));                                  //prependTo表示子元素添加到父元素内部首部
$("#div1").after($cr);                                        //after表示在元素后面添加同胞元素
$cr.insertAfter($("#div1"));                               //insertAfter表示添加到指定元素的后面
$("#div1").before($cr);                                       //before表示在元素前面添加同胞元素
$cr.insertBefore($("#div1"));                                 //insertBefore表示添加到指定元素的前面

jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore相关推荐

jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项...
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂.如下: 方法源包装集/字串目标包装集体特性描述 A.append(B) B A 若目标包装集 ...
jquery方法之append()与appendto()
在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别. 1.append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容. a.语法:$ ...
jQuery中的append 和appendTo方法
append(content|fn) :向每个匹配元素内部的末尾处插入内容: <!DOCTYPE html> <html><head><meta charse ...
jQuery总结四、append 与appendTo、after、before、wrap、unwrap、replaceWith、empty()、remove；detach、is、hasclass
一.append 与appendTo 1.1.1 append append向每个匹配的元素内部追加目标 content:欲追加的内容String.Element.jQuery fn:functio ...
append、appendTo、appendChild、prepend
参考资料:http://blog.csdn.net/xiangxiangw29/article/details/52460563 append.appendTo.appendChild.在父节点中的最 ...
JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
DOM——创建节点及节点属性与内部插入append()和appendTo()
创建节点及节点属性与内部插入append()和appendTo() 1 创建流程创建节点(常见的元素.属性和文本) 添加节点的一些属性加入到文档中 2 流程中涉及的方法创建元素docum ...
JQuery之append和appendTo的区别，还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...

jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore

jquery创建添加元素

jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore相关推荐

最新文章

热门文章