jquery关于HTML元素的操作(新增和删除)
2016-02-26 09:44
141 查看
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
其中 append和after都是在元素后面插入 区别是:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
其中 append和after都是在元素后面插入 区别是:
append实在当前元素内部最后边插入元素 after是在当前元素后面外插入元素 也就是说:append 会直接在同一行后面添加 ,而after会另起一行,相当把选中的元素当做block元素; before 和 prepend 同理 问题1:给body标签下添加<p>新增一个新的文本<p>有几种方法? to:(1): var t1 ="<p>新增一个新的文本<p>"
(2): var t2 = "<p></p>".text("这是个新文本"); (3):var t3 = document.createElement("p"); t3.innerHTML="新添文本!!" $("body").append(t1,t2,t3);
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
相关文章推荐
- 50个jQuery插件可将你的网站带到另一个高度
- 学习使用jquery iScroll.js移动端滚动条插件
- 学习使用jquery iScroll.js移动端滚动条插件
- jQuery实现控制文字内容溢出用省略号(…)表示的方法
- jQuery源码分析系列
- jQuery源码学习感想
- 诅咒JavaScript之:Jquery ajax提交内容异常
- jquery笔记
- jquery json ajax -2
- 使用jQuery为表单添加回车事件
- 160223、jquery中attr和prop的区别
- 35个 jQuery 小技巧/代码片段
- 35个 jQuery 小技巧
- 使用Jquery获取页面中只有name下的第二个子元素
- jquery 学习总结
- jQuery对下拉框Select操作总结
- JQUERY中方法参数做回调方法的多层回调callback,实现过滤作用
- Jquery validate 用法以及remote
- jQuery实现的向上/向下无缝滚动简洁代码
- JavaScript/Jquery返回顶部代码