• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js添加节点

js添加节点

作者:ytulnj的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-14

ytulnj的博客通过本文主要向大家介绍了append,clone等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

做项目时遇到添加节点时的一些坑:
添加节点可以用的方法有很多:
1. append() 向每个匹配的元素内部追加内容
$(A).append(B) 将B添加到A内部最后面
$("<p>a</p>").append("<span>b</span>") =><p>a<span>b</span></p>
2. appendTo() 类似append
(A).appendTo(B)将a添加到b内部最后面3.prepend()向每个匹配的元素内部前置内容(A).prepend(B) 将B添加在A内部最前面
4. prependTo() 类似appendTo
5. after() 向每个匹配的元素之后添加内容
$(A).after(B) 将b添加在A元素外部后面 $("<p>a</p>").after("<span>b</span>") =><p>a</p><span>b</span>
6. insertAfter() 同after 顺序改变
7. before 在每个匹配的元素之前添加内容$("<p>a</p>").before("<span>b</span>") =><span>b</span><p>a</p>
8. insertBefore() 同before 顺序改变

但是如果在dom解析完成后再添加节点这样所添加的信息并不能执行js操作
我解决的办法是:定义一个信息,然后clone(),看这个名字也知道什么意思吧,clone(true):复制元素的同时复制元素中所绑定的事件,这样该元素的副本也同样具有复制功能,然后在进行添加,这样所添加的信息就可以执行js操作了。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • DOM内部插入prepend()与prependTo()
  • js添加节点

相关文章

  • 2017-09-18JS日期格式化
  • 2017-05-11Angular的$http的ajax的请求操作(推荐)
  • 2017-05-11js实现彩色条纹滚动条效果
  • 2017-05-11NodeJs安装npm包一直失败的解决方法
  • 2017-05-11JavaScript数据结构之二叉树的查找算法示例
  • 2017-05-11JS对象是否拥有某属性如何判断
  • 2017-05-11基于Bootstrap 3 JQuery及RegExp的表单验证功能
  • 2017-05-11详解PHP中pathinfo()函数导致的安全问题
  • 2018-01-05js 实时监听input输入内容的N种方法
  • 2017-08-14js添加节点

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js实现简单的手风琴效果
    • jQuery实现联动下拉列表查询框
    • jquery实现全选、全不选以及单选功能
    • 微信小程序开发教程-手势解锁实例
    • 微信小程序开发(一) 微信登录流程详解
    • JS查找字符串中出现最多的字符及个数统计
    • JavaScript实现大图轮播效果
    • js实现微博发布小功能
    • JSON.parse()和JSON.stringify()
    • Jquery鼠标放上去显示全名的实现方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有