DOM——创建节点及节点属性与内部插入append()和appendTo()

男儿欲遂平生志,六经勤向窗前读。这篇文章主要讲述DOM——创建节点及节点属性与内部插入append()和appendTo()相关的知识,希望能为你提供帮助。
      创建节点及节点属性与内部插入append()和appendTo()
1   创建流程

    创建节点(常见的元素、属性和文本)
    添加节点的一些属性
    加入到文档中
2   流程中涉及的方法
    创建元素document,creat
    设置属性setAttrilbute
    添加文本innerhtml
    加入文档appendChild
3   创建节点时注意:每一个元素节点都必须单独创建,节点是属性需要单独设置,而且设置的接口不是很统一,添加到指定的元素位置不灵活,浏览器兼容问题处理
4   创建元素节点常见的是直接把这个节点的结构通过HTML标记字符串描述出来,通过$()函数处理$("html结构")如$("< div> < div> ")
5   创建为本节点与创建元素节点类似,可以直接把文本内容一并描述,如$("< div> 我是文本节点< /div> ")
6   创建为属性节点与创建元素节点同样的方式,如$("< div id=‘test‘ class=‘aaron‘> 我是文本节点< /div> ")
7   append这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似
8   appendTo使用这个方法颠倒了常规的$(A).append(B)的操作,既不是把B追加到A中,而是把A追加到B中
9   append()和appendTo()的操作方法
    append(content)向每个匹配的元素内部追加内容
    appendTo(content)把所有匹配的元素追加到另一个指定的元素集合中
10   .append()和.appendTo()两种方法功能相同,主要的不同是语法、内容和目标的位置不同
11     .append()前面是被插入的对象,后面是要在对向内插入的元素内容
12     .appendTo()前面是要被插入的元素内容,而后面是被插入的对象
【DOM——创建节点及节点属性与内部插入append()和appendTo()】13     .append()和.appendTo()都是在被选元素的结尾(仍然在内部)插入指定内容

    推荐阅读