jQuery文档处理
来源:互联网 发布:淘宝福兴隆珠宝是假的 编辑:程序博客网 时间:2024/05/22 14:13
1、append()、 appendTo()
向每个匹配的元素内部追加内容;把所有匹配的元素追加到另一个指定的元素元素集合中。
示例:
//将hello world添加到p标签中$('p').append("<span>hello world</span>");//将p标签添加到指定的div中 $('p').appendTo('div')
2、prepend()、prependTo()
向每个匹配的元素内部前置内容;把所有匹配的元素前置到另一个、指定的元素元素集合中。
示例:
//将Hello前置到p中 $("p").prepend("<span>Hello</span>"); //将p标签前置到指定div中 $("p").prependTo("#div");
3、after()、before()
在每个匹配的元素之后插入内容;在每个匹配的元素之前插入内容。
示例:
//将p元素之后插入Hello $("p").after("<span>Hello</span>"); //将p元素之前插入Hello $("p").before("<span>Hello</span>");
4、insertAfter()、insertBefore()
把所有匹配的元素插入到另一个、指定的元素元素集合的后面;把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
示例:
//将p元素插入指定元素之后 $("p").insertAfter("#div"); //将p元素插入指定元素之前 $("p").insertBefore("#div");
5、replaceWith()、replaceAll()
将所有匹配的元素替换成指定的HTML或DOM元素;用匹配的元素替换掉所有 selector匹配到的元素。
示例:
//把所有的段落标记替换成hello world。 $("p").replaceWith("<span>hello world</span>"); //把所有的段落标记替换成hello world $("<span>hello world</span>").replaceAll("p");
6、remove()、detach()
从DOM中删除所有匹配的元素。
示例:
//从DOM中删除所有段落 $("p").remove(); $("p").detach();
7、clone()
将匹配的元素克隆 示例1:浅克隆(被克隆出来的元素无法复制事件处理函数)
$('button').click(function(){ $(this).clone().insertAfter(this); })
示例2:深克隆(被克隆出来的元素可以复制事件处理函数)
$('button').click(function(){ $(this).clone(true).insertAfter(this); })
阅读全文
0 0
- jQuery文档处理程序
- jQuery中的文档处理
- jquery的文档处理
- jquery的文档处理
- jquery文档处理
- jquery 文档处理
- jQuery 文档碎片处理
- jQuery文档处理--删除
- jQuery笔记-文档处理
- jquery文档操作处理
- jquery--文档处理
- jQuery文档处理
- JQuery的文档处理
- jQuery--文档处理
- jQuery--文档处理案例
- jQuery 文档处理
- jQuery文档处理
- jQuery文档处理 删除
- 每日英语阅读(三十四)
- CSS基础知识
- Activiti支持的数据库
- POJ
- CDH大数据平台实施经验总结
- jQuery文档处理
- 【最长上升子序列 && 输出路径】HDU
- 51nod 1135 原根 就是原根...
- spring特性学习
- 第四章 第七节: 连接
- 转:Spark SQL中Join常用3种实现
- 十二、基础数据-版权信息(credits)
- XAMPP错误: Apache shutdown unexpectedly解决办法
- Android(3):编辑使用点9图和设置字体颜色