小结

创建空的节点
$('<标签>')创建有内容的节点
$("<div>内容</div>")插入节点，插入到内部的最后一位，使用的方法
append（）  与   appendTo()
对象1.append(对象2) 相当于 对象2.append(对象1)
效果，对象1的内部的最未位，添加对象2插入节点，插入到内部的第一位，使用的方法
prepend()   与   prependTo()
对象1.prepend(对象2)        相当于 对象2.prependTo(对象1)
效果：
对象1内部添加了对象2，同时对象2是添加到第一位插入节点，往后面插
after()     与       insertAfter()
对象1.after（对象2） 相当于 对象2.insertAfter(对象1)
效果：
对象1的后面添加对象2插入节点，往前面插
before()    与   insertBefore（）删除节点
remove()

知识点

练习

html方法，获取或者赋值

试一试，获取标签的数据，给标签赋值

在一个标签内，添加另一个标签对象

append

当前为止，学了有两种添加子标签的方式了

第一种，通过html方式，用字符串添加

第二种，通过父标签的append子标签的方法来实现

appendTo

添加到

需要区分 append appendto

prepend

prependTo

新建一个标签

after

同级插入，后面

insertAfter

插入，在后面

同理

before
insertBefore

节点操作

如果我们操作的节点是通过代码创建出来的那么就是正常的一种操作逻辑

如果我们这操作的这个节点是html当中已经存在这个标签那么它的一些添加的相关操作就会变成碱性变成剪切操作

remove方法

删除节点

标签对象.remove()

英语

append 添加
a添加b

appendTo 添加到
a添加到b

pre，英语中，有靠前，提前，预备等等意思

after，在后面

insertAfter，插入，在后面

jquery-节点操作相关推荐

jQuery节点操作创建节点元素删除节点替换节点复制节点等基本本操作
节点操作 jQuery中节点操作查找节点(前面章节已讲) 创建节点插入节点删除节点替换节点复制节点创建节点元素工厂函数$()用于获取或创建节点 $(selector):通过选择器获取节点 ...
[jQuery基础] jQuery节点操作
复制节点如果传入false就是浅复制, 如果传入true就是深复制浅复制只会复制元素, 不会复制元素的事件深复制会复制元素, 而且还会复制元素的事件浅复制 $("button&quo ...
jQuery节点操作
一.创建节点 $('<div></div>') 二.添加节点 h2标签添加到div中 append $('div').append($('h2')) $('div').appe ...
jQuery（三）—节点操作和元素尺寸
jQuery节点操作和元素尺寸节点操作创建.追加元素 $()直接传入想要创建的节点 var $newli = $("<li>这是一个新的li标签</li>&quo ...
事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
一.事件冒泡定义事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...
04-老马jQuery教程-DOM节点操作及位置和大小
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签.创建标签后,动态的给他添加属性.例如代码: // 动 ...
jquery元素节点操作
jquery元素节点操作创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入 ...
jQuery DOM 节点操作
DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的"M".页面中的元素结构就是通过这种节点模型来互相对应着的,我们只需要通过这些节点关系,可以创建. 插入.替换. ...
jQuery each、节点操作、动画演示、尺寸操作、扩展方法
一.each 1.方式一:$.each(数组或者自定义对象,function(i,j){console.log(i,j)}) $.each(li,function(i,j){console.log(i ...
web前端(5)：了解jQuery(常见选择器+相关尺寸+元素/节点操作)
文章目录一.jQuery是什么二.JQuery的常见选择器三.JQuery的元素操作四.相关尺寸函数五.常用的事件方法 1. 绑定事件的两种方式 2.解除绑定六.节点操作七.经典案例 1 ...

jquery-节点操作

小结

知识点

练习

英语

jquery-节点操作相关推荐

最新文章

热门文章