jquery 插入节点的方法
方法 | 描述 | 示例 |
append() | 向每个匹配的元素内部追加内容 |
HTML代码: <p>我想说:</p> jQuery代码: $("p").append("<b>你好</b>") 结果: <p>我想说:<b>你好</b></p> |
appendTo() |
将所有匹配的元素追加到指定的元素中。 实际上,使用该方法是颠倒了常规的 $(A).append(B)的操作,即不是将B追加到 A中,而是将A追加到B中 |
HTML代码: <p>我想说:</p> jQuery代码: $("<b>你好</b>").appendTo("p") 结果: <p>我想说:<b>你好</b></p> |
prepend() | 向每个匹配的元素内部前置内容 |
HTML代码: <p>我想说:</p> jQuery代码: $("p").prepend("<b>你好</b>") 结果: <p><b>你好</b>我想说:</p> |
prependTo() |
将所有匹配的元素前置到指定的元素中。 实际上,使用该方法是颠倒了常规的 $(A).prepend(B)的操作,即不是将B前置到 A中,而是将A前置到B中 |
HTML代码: <p>我想说:</p> jQuery代码: $("<b>你好</b>").prependTo("p") 结果: <p><b>你好</b>我想说:</p> |
after() | 在每个匹配的元素之后插入内容 |
HTML代码: <p>我想说:</p> jQuery代码: $("p").after("<b>你好</b>") 结果: <p>我想说:</p><b>你好</b> |
insertAfter() |
将所有匹配的元素插入到指定元素的后面。 实际上,使用该方法是颠倒了常规的 $(A).after(B)的操作,即不是将B插入到A 后面,而是将A插入到B后面 |
HTML代码: <p>我想说:</p> jQuery代码: $("<b>你好</b>").insertAfter("p") 结果: <p>我想说:</p><b>你好</b> |
before() | 在每个匹配的元素之前插入内容 |
HTML代码: <p>我想说:</p> jQuery代码: $("p").before("<b>你好</b>") 结果: <b>你好</b><p>我想说:</p> |
insertBefore() |
将所有匹配的元素插入到指定的元素的前面。 实际上,使用该方法是颠倒了常规的 $(A).before(B)的操作,即不是将B插入 到A前面,而是将A插入到B前面 |
HTML代码: <p>我想说:</p> jQuery代码: $("<b>你好</b>").insertBefore("p") 结果: <b>你好</b><p>我想说:</p> |
最新文章
- iOS-----Crash文件分析(一)
- Linux驱动开发概述
- Java微信公众号开发-外网映射工具配置
- ectouch第六讲 之表常用链接
- Python学习(7)数字
- hi3531的h264压缩中改动波特率
- float和double数据类型的声明,转换和计算
- 基于Hadoop开发网络云盘系统客户端界面设计初稿
- The Key to final data
- angular 实现modal windows效果(即模态窗口,半透明的遮罩层),以及bootstrap(css,components,js)的初步学习
- (简单) POJ 1860 Currency Exchange,SPFA判圈。
- centos6.5的开机自动部署出现unsupported hardware detected
- RocketMQ,JStorm与Tair使用笔记
- HTTP 599: SSL certificate problem: unable to get local issuer certificate错误
- .NetCore 下开发独立的(RPL)含有界面的组件包 (三)构建界面
- Nginx搭建正向代理服务器
- 实战fortran77基础语法2
- ios中调用摄像头
- Spring的@ModelAttribute注解
- 第2章地址Address(WCF全面解析3)