jQuery的各种插入方法
来源:互联网 发布:php常用开发工具 编辑:程序博客网 时间:2024/04/29 18:37
工作中经常会用遇到向DOM树中插入元素的问题,jQuery中有几个方法可以很好地解决问题,但是经常把他们的用法弄混淆,今天任务之余总结如下:
1、append()也是最常用的一种方法 。
它的功能是: 向要插入的父元素的最后一个子节点后面依次插入元素
插入前的DOM树是这样的:
执行 $("ul").append("<li>444</li>")
后的结果是:
2、appendTo()
它的功能是:插入‘到’摸个元素中 appendTo中的To可以理解为‘到’的意思
插入前的DOM树是这样的(父元素没有子元素):
执行$("<p>aaaaa</p>").appendTo($("#bbb"))
后结果是:
注:父元素有子元素时的情况刚好和append()相同 如图:
3、before()
它的功能是:在某元素‘的’前面插入
插入前的DOM树是这样的:
执行$("p").before("<p>hello</p>")
(在p元素‘的’前面插入 , 调用before()方法时的‘.’可以理解为‘的’意思)后结果是:
4、after()
它的功能和before()相反 在用法上和before()完全相同 这里就不在赘述。
- jQuery的各种插入方法
- jquery插入节点的方法
- 【jquery】jquery的各种方法的积累
- jQuery获取各种宽高的方法
- 分析jQuery的内部插入方法
- jquery的几种元素插入方法
- 数组的各种遍历方法和jQuery中的each方法
- jquery的各种取值方法。留着自己用
- jQuery操作input值的各种方法总结
- jquery对Json的各种遍历方法总结(必看篇)
- javasript利用jquery发送请求的各种方法
- jquery对Json的各种遍历方法总结(必看篇)
- jQuery操作input值的各种方法总结
- jquery mobile 动态插入元素的正确渲染方法
- jquery mobile 动态插入元素的正确渲染方法
- jquery mobile 动态插入元素的正确渲染方法
- jquery mobile 动态插入元素的正确渲染方法
- jQuery在HTML中动态插入节点的常用方法
- 下拉刷新框架android-Ultra-Pull-To-Refresh导入到Android Studio
- 计算并集
- expdp之后scp的惊险时刻
- Java内存模型FAQ(二) 其他语言,像C++,也有内存模型吗?
- 视频采集处理之YUV数据格式
- jQuery的各种插入方法
- ERROR 1820 (HY000): You must SET PASSWORD before executing this
- 创意一词的来源
- 所有类的超类:Object类
- 拦截器的方法介绍(三)
- 安卓APP动态调试技术
- 15 个必知的 Android 开发者选项
- HDU 4494 Teamwork 费用流/网络流
- fedora21 操作