jQuery中的DOM节点操作

查找节点(略)  创建节点  插入节点  包裹节点  删除节点  复制节点  替换节点  节点遍历(略)  操作dom节点属性  操作样式

创建节点

用$符包起来的节点和用引号包起来的节点,都可以用来创建新的节点

插入节点(内部插入和外部插入)

内部插入

append()向每个匹配元素尾部插入DOM,匹配元素在前

appendTo()向每个匹配元素尾部插入DOM,匹配元素在后

prepend() 向每个匹配元素头部插入DOM,匹配元素在前

perpendTo() 向每个匹配元素头部插入DOM,匹配元素在后

内部插入实例

外部插入

after()向每个匹配元素之后插入DOM,匹配元素在前

insertAfter()向每个匹配元素之后插入DOM,匹配元素在后

before()  向每个匹配元素之前插入DOM,匹配元素在前

insertBefore()向每个匹配元素之前插入DOM,匹配元素在后

外部插入实例

包裹节点

wrap()将所有匹配元素单独包裹

wrapAll()将所有匹配元素用一个元素包裹

wrapInner()将所有匹配的元素的子内容用其他标签包裹

删除节点

remove()删除节点

empty()清空节点

unwrap()删除元素的父元素

detach()删除节点,但保留jQuery对象

复制节点


替换节点

replaceWidth()  讲所有匹配的元素换成指定的HTML或DOM元素

replaceAll() 用指定的元素替换掉所有选择到匹配到的元素

操作节点属性

attr(key.value )获取添加属性

removeAttr()删除属性值

prop()同attr()

removeProp()同removeAttr()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 4,300评论 0 8
  • JQuery中的DOM操作 一种与浏览器,平台,语言无关的接口。使用该接口可以轻松地访问页面中所有的标准组件。DO...
    王闲森阅读 1,170评论 0 0
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 4,622评论 0 9
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,849评论 0 44
  • 总之,我不能只是反复强化记忆而已。学习不仅是记住,关键是对所学东西的消化和吸收。我需要找出事实的意义,发现其内在的...
    吴黄龙本人阅读 3,723评论 0 1