位置: 编程技术 - 正文

有关jquery与DOM节点操作方法和属性记录(jquery中有哪些dom操作?)

编辑:rootadmin

推荐整理分享有关jquery与DOM节点操作方法和属性记录(jquery中有哪些dom操作?),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery和dom,关于jquery,jquery和dom,jquery和dom,jquery dom操作方法,jquery和dom对象的区别,jquery中常见的操作dom节点的方法有哪些,jquery中常见的操作dom节点的方法有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!

网上找了份jquery的操作节点方法清单。如下:

方法

源包装集/字串

目标包装集体

特性描述

A.append(B)

B

A

若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有元素)将被移动到目标位置;若目标包装集包含多个元素,则源将保留在原来的位置,但同时复制一份相同的副本到目标位置。

由此,若目标只匹配一个元素时,使用前述方法后源将被删除。

B.appendTo(A)

A.prepend(B)

B.prependTo(A)

A.before(B)

B.insertBefore(A)

A.after(B)

有关jquery与DOM节点操作方法和属性记录(jquery中有哪些dom操作?)

B.insertAfter(A)

举例说明:在以上表格中,A.append(B)表示把B添加到与A匹配的所有元素的现有内容后面,因此B是源,A是目标包装集。

总结一句话就是:使用以上方法后,两个节点变为同级兄弟节点

以下是DOM操作节点的方法汇总:

(1)appendChild方法,用于向childNodes列表的末尾添加一个节点

//将newNode添加到someNode的childNodes列表的末尾

var returnedNode = someNode.appendChild(newNode);

//将someNode的第一个子节点变为最后一个子节点

var returnedNode = someNode.appendChild(someNode.firstChild);

(2)insertBefore方法,可以把节点放在childNodes列表中某个特定的位置上

//插入后成为最后一个子节点

returnedNode = someNode.insertBefore(newNode, null);//和appendChild效果相同

//插入后成为第一个子节点

returnedNode = someNode.insertBefor(newNode, someNode.firstChild);

(3)replaceChild方法用于替换子节点,接受两个参数:要插入的子节点和要替换的子节点。要替换的子节点将从文档树中被移除,同时由要插入的子节点占据其位置

//替换第一个子节点

returnedNode = someNode.replaceChild(newNode, someNode.firstChild);

(4)removeChild方法用于移除子节点

//移除第一个子节点

var formerFirstChild = someNode.removeChild(someNode.firstChild);

总结一句话就是:以上方法都是父节点操作子节点的

下图给出了父子、兄弟节点的查找关系

以上这篇有关jquery与DOM节点操作方法和属性记录就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

Jquery attr()方法 属性赋值和属性获取详解 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQueryDOM操作中会经常用到attr(),attr()有4个表达式。1.attr(属性名)//获取属性的

jquery对dom节点的操作【推荐】 1、JavaScript脚本放在哪里才好?1.当有些函数需调用才执行或者有些事件需触发才执行的脚本,我们可以将脚本放在HTML的head部分中,这样可以保证脚本在

jQuery遍历json的方法分析 本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下:varobj={"status":1,"bkmsg":"uuf","bkdata":["uu5c1au5fd7","","u6dfbua0u8b

标签: jquery中有哪些dom操作?

本文链接地址:https://www.jiuchutong.com/biancheng/384947.html 转载请保留说明!

上一篇:快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突(快速解决偏头痛的6个方法)

下一篇:Jquery attr()方法 属性赋值和属性获取详解(jquery attribute)

  • 外籍人士如何在中国办理延长签证
  • 电子税务局附加税带不出来
  • 企业购入汽车可以抵扣增值税吗
  • 个人所得税如何退税操作流程
  • 电子税务局利润表本期金额
  • 汇算清缴现金流量表怎么填
  • 贷款利息怎么算的
  • 企业外币账户怎么开通
  • 房租违约金收入怎么做账
  • 处置子公司全部股权会计处理 企业会计准则
  • 煤炭企业补偿费会计分录
  • 固定资产被盗报警
  • 销售产品结转成本怎么算
  • 软件公司购进软件会计科目
  • 应付职工薪酬要结转吗
  • 抵押担保查询
  • 老板找人替我工作说明了什么
  • 建筑工程需要哪些部门审批
  • 工资扣除水电费扣个税
  • 苗木增值税发票税率
  • 水电费没有发票怎么报销
  • 鉴证咨询公司成本是什么
  • 季度盈利要交所税吗
  • 增值税发票自查报告
  • 苹果mac怎么复制文件到u盘 免费软件
  • 汇算清缴专项附加扣除去年忘记填的能补填吗?
  • 员工劳务报酬分录
  • php怎么输出汉字
  • 借条无还款时间怎么办
  • PHP:apache_lookup_uri()的用法_Apache函数
  • 贷款损失准备是什么类科目
  • 公司从其他公司借个钱怎么做账
  • 个人投资所得税率是多少
  • 曼哈顿公园大道432号
  • 税务没给核印花税,企业用交吗
  • php接口验证
  • node.js安装步骤
  • react 组件化
  • [深度学习] 基于切片辅助超推理库SAHI优化小目标识别
  • stat命令的作用
  • mysql数据库基本操作
  • java查询mongodb数据
  • 建筑业外管证预审要多久
  • 政府补助的内容
  • 凭证字号和凭证编号一样吗
  • 进口货物应纳增值税的计算公式
  • 怎么算股本溢价
  • 公司年底奖金怎么计算
  • 认证失败,未获取到区域信息
  • 出口收汇手续费需要在出口退税时扣除吗
  • 收到进项税发票
  • 填制凭证出现的问题
  • 企业债与公司债的还款有区别
  • 建账时必须输入的内容有哪些
  • 产品成本核算的原则是
  • mysql 错误1067
  • 跨服务器访问数据库
  • ubuntu禁用服务命令
  • U盘安装centos 7出现unknown chipset
  • win7 注册表
  • win7盘符不见了
  • mac怎么自定义桌面图标
  • 三步搞定的贵公子发型教程
  • windowxp音量图标没了
  • win7怎么开不了机
  • perl-v
  • html和js如何应用
  • 请问在javascript程序中
  • node.js 模块
  • linux命令scp和sftp详细介绍
  • javascript 数字类型
  • jquery的方法有哪些
  • 国家税务发票查验平台手机怎么查
  • 货物劳务税包括哪些税
  • 如何税务监管更精准
  • 抚州到崇仁火车时刻表
  • 房产证加名字需要哪些手续和费用
  • 免教育费附加会计分录
  • 重庆外经证网上报验流程及时间
  • 高山白茶和普通白茶的区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设