DOM操作-基于命令改变页面
2010-05-04 20:16
429 查看
[b]操作属性[/b]jQuery提供.attr()方法改变属性值,.removeAttr()方法删除属性
[b]插入新元素[/b]
jQuery提供了两种将元素插入到其它元素前面的方法,.insertBefore()方法和.before()方法,而.insertAfter()和.after()方法则用于将元素插入到其它元素后面.
[b]DOM操作方法简单归纳[/b]
(1)要在每个匹配的元素中插入新元素,使用:
.append()
.appendTo()
.prepend()
.prependTo()
(2)要在每个匹配的元素相邻的位置上插入新元素,使用:
after()
.insertAfter()
.before()
.insertBefore()
(3)要在每个匹配元素的外部插入新元素,使用:
.wrap()
(4)要用新元素或文本替换每个匹配的元素,使用:
.html()
.text()
(5)要移除每个匹配的元素中的元素,使用:
.empty()
(6)要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:
.remove()
$(document).ready(function(){ $('div.charactera').each(function(index){ $(this).attr({ 'rel':'external', 'id':'mylink'+index }); }); });
[b]插入新元素[/b]
jQuery提供了两种将元素插入到其它元素前面的方法,.insertBefore()方法和.before()方法,而.insertAfter()和.after()方法则用于将元素插入到其它元素后面.
$(document).ready(function(){ /* *下面两种方法效果一样,使用.insertAfter()方法,可以通过连缀更多方法连续对所创建的a元素进行操作. *而使用.after()方法,连缀的其它方法的操作对象会变成$('div.chapterp')中选择符匹配的元素 */ $('<ahref="#top">backtotop</a>').insertAfter('div.chapterp'); $('div.chapterp').after('<ahref="#top">backtotop</a>'); });
[b]DOM操作方法简单归纳[/b]
(1)要在每个匹配的元素中插入新元素,使用:
.append()
.appendTo()
.prepend()
.prependTo()
(2)要在每个匹配的元素相邻的位置上插入新元素,使用:
after()
.insertAfter()
.before()
.insertBefore()
(3)要在每个匹配元素的外部插入新元素,使用:
.wrap()
(4)要用新元素或文本替换每个匹配的元素,使用:
.html()
.text()
(5)要移除每个匹配的元素中的元素,使用:
.empty()
(6)要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:
.remove()
相关文章推荐
- jquery DOM操作 基于命令改变页面
- learning jQuery 学习笔记十(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----插入新元素
- learning jQuery 学习笔记十二(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----包装元素
- DOM操作--基于命令改变页面
- learning jQuery 学习笔记十一(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----移动元素
- learning jQuery 学习笔记十三(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----复制元素及其它
- learning jQuery 学习笔记九(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----操作属性
- jquery DOM操作 基于命令改变页面
- jQuery DOM操作 基于命令改变页面
- jQuery DOM操作 基于命令改变页面
- 掌握 Ajax,第 6 部分: 建立基于 DOM 的 Web 应用程序 在不刷新页面的情况下使用 DOM 改变网页界面
- vue页面DOM操作不生效
- 基于cordova app应用中使用swiper(插件)操作DOM多平台表现不一致问题
- 实现Web页面内容动态改变的dhtml操作http://www.knowsky.com/4074.html
- 简单的颜色查看页面代码——基于DOM的实现
- 自己写的基于JavaScript DOM 仿一些页面的鼠标移动显示相应区块内容
- xp 命令cmd 基于 网络 操作
- vi改变与替换操作命令
- 使用phantomjs操作DOM并对页面进行截图需要注意的几个问题
- 超简洁的jquery操作页面中iframe内的dom元素