[jQuery知识]jQuery之知识五-DOM节点操作
来源:互联网 发布:php编辑器 编辑:程序博客网 时间:2024/06/14 05:28
前言
1.创建节点
2.插入节点
3.包裹节点
4.节点操作
DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的“M”。页面中的元 素结构就是通过这种节点模型来互相对应着的,我们只需要通过这些节点关系,可以创建、 插入、替换、克隆、删除等等一些列的元素操作。
一.创建节点
为了使页面更加智能化,有时我们想动态的在 html 结构页面添加一个元素标签,那么在插入之前首先要做的动作就是:创建节点。
- 1
- 1
二.插入节点
在创建节点的过程中,其实我们已经演示怎么通过.append()方法来插入一个节点。但除 了这个方法之余呢,jQuery 提供了其他几个方法来插入节点。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
三.包裹节点
jQuery 提供了一系列方法用于包裹节点,那包裹节点是什么意思呢?其实就是使用字符 串代码将指定元素的代码包含着的意思。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
注意:.wrap()和.wrapAll()的区别在前者把每个元素当成一个独立体,分别包含一层外 层;后者将所有元素作为一个整体作为一个独立体,只包含一层外层。这两种都是在外层包 含,而.wrapInner()在内层包含。
四.节点操作
除了创建、插入和包裹节点,jQuery 还提供了一些常规的节点操作方法:复制、替换和 删除节点。
- 1
- 2
- 1
- 2
注意:clone(true)参数可以为空,表示只复制元素和内容,不复制事件行为。而加上 true 参数的话,这个元素附带的事件处理行为也复制出来。
- 1
- 2
- 3
- 1
- 2
- 3
注意:.remove()不带参数时,删除前面对象选择器指定的元素。而.remove()本事也可以 带选择符参数的,比如:$(‘div’).remove(‘#box’);只删除 id=box 的 div
- 1
- 2
- 3
- 1
- 2
- 3
注意:.remove()和.detach()都是删除节点,而删除后本身方法可以返回当前被删除的节 点对象,但区别在于前者在恢复时不保留事件行为,后者则保留。
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
注意:节点被替换后,所包含的事件行为就全部消失了。
- [jQuery知识]jQuery之知识五-DOM节点操作
- [jQuery知识]jQuery之知识五-DOM节点操作
- [jQuery知识]jQuery之知识四-DOM和CSS操作
- [jQuery知识]jQuery之知识四-DOM和CSS操作
- 系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.插入节点
- 系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.删除节点
- 系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.复制节点
- 系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.替换节点
- jquery中DOM节点操作(五)
- Jquery操作DOM节点
- jquery dom 节点操作
- jQuery DOM节点操作
- jQuery DOM节点操作
- 【jQuery】DOM 节点操作
- [jQuery知识]jQuery之知识六-表单操作
- [jQuery知识]jQuery之知识六-表单操作
- jQuery学习之六-----DOM节点操作
- jQuery之dom操作(遍历节点)
- 重装系统后克隆机静态IP设置问题
- dubbo admin 和monitor的安装(二)
- LinuxProbe
- Repo(google git-repo)使用实例
- WSDL数据处理
- [jQuery知识]jQuery之知识五-DOM节点操作
- javaSE_8系列博客——Java语言的特性(三)--类和对象(7)--给方法或者构造器传输信息
- Anaconda多环境多版本python配置指导
- 史上首次!微软为中东土豪迪拜设计专用字体
- FFT模板(迭代/递归)
- 找回密码的思路
- 常用的linux命令和工具
- 缓冲区
- 关于服务器的那些事1