首页 > 语言 > JavaScript > 正文

jQuery中DOM常见操作实例小结

2024-05-06 15:36:20
字体:
来源:转载
供稿:网友

本文实例讲述了jQuery中DOM常见操作。分享给大家供大家参考,具体如下:

DOM属性操作

属性列表

属性 版本 说明
attr() 1.0 设置或返回文档节点的属性。
removeAttr() 1.0 移除文档节点的属性。
prop() 1.6 设置或返回DOM元素的属性。
removeProp() 1.6 移除每个匹配元素的属性。
addClass() 1.0 添加CSS类名。
removeClass() 1.0 移除CSS类名。
toggleClass() 1.2 切换CSS类名(存在就删除,不存在就添加)。
html() 1.0 设置或返回元素的html内容(即innerHTML)。
text() 1.0 设置或返回元素的文本内容(已过滤掉HTML标签,即IE中的innerText )。
val() 1.0 设置或返回元素的值(主要是表单元素的value值)。

DOM文档操作

一、添加元素

1、内部添加

    向当前元素的内部追加内容添加到末尾
append($(selector))
    将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原
appendTo($(selector))
    向当前元素的内部前置内容
prepend($(selector))
    将当前元素在某元素内部前置。类似于appendTo(),会改变对象
prependTo($(selector))

2、外部添加

    向当前元素之后插入内容
after($(selector))
    将当前元素插入到某元素之后。类似于appendTo(),会改变对象
insertAfter($(selector))
    向当前元素之前插入内容
before($(selector))
    将当前元素插入到某元素之前。类似于
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选