jQuery操作元素节点
目录
- 一、查找节点
- 二、创建和插入节点
- 1、创建节点
- 2、插入子节点
- 3、插入同辈节点
- 三、替换节点
- 四、复制节点
- 五、删除节点
- 查找节点。
- 创建节点。
- 插入节点。
- 替换节点。
- 复制节点。
- 删除节点。
一、查找节点 示例:
节点操作 - 锐客网 热门动画排行
- 名侦探柯南
- 阿拉蕾
- 海贼王
效果:
文章图片
二、创建和插入节点
1、创建节点
工厂函数$()用于获取或创建节点,语法如下:
文章图片
例如:
文章图片
2、插入子节点
元素内部插入子节点,语法如下:
文章图片
3、插入同辈节点
元素外部插入同辈节点,语法如下:
文章图片
示例:
节点操作 - 锐客网 热门动画排行
- 名侦探柯南
- 阿拉蕾
- 海贼王
三、替换节点 replaceWith()和replaceAll()用于替换节点,例如:
文章图片
示例:
节点操作 - 锐客网 热门动画排行
- 名侦探柯南
- 阿拉蕾
- 海贼王
四、复制节点 clone()用于复制节点,语法如下:
文章图片
注意:
文章图片
【jQuery操作元素节点】示例:
节点操作 - 锐客网 热门动画排行
- 名侦探柯南
- 阿拉蕾
- 海贼王
五、删除节点 jQuery提供了三种删除节点的办法:
文章图片
例如:
文章图片
示例:
节点操作 - 锐客网 热门动画排行
- 名侦探柯南
- 阿拉蕾
- 海贼王
到此这篇关于jQuery操作元素节点的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 计算机快捷操作知识,电脑基本操作知识
- Java|【操作系统】Nachos 内核线程
- 进阶C语言|C语言文件操作
- 【技能】“日期时间格式变更”应用场景及操作示例
- linq中的转换操作符
- linq中的元素操作符
- linq中的串联操作符
- linq中的聚合操作符
- linq中的分组操作符
- linq中的连接操作符