jquery的DOM节点操作(替换元素节点)

1.替换元素节点

在jquery中，如果要替换元素中的节点，可以使用replaceWith（）和replaceAll（）这两种方法。这里我们推荐使用replaceWith（）方法，其语法格式分别如下：

replaceWith方法案例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/new_file.js"></script></head><body><h3>流行歌曲：</h3><ul><li>体面</li><li>想起</li><li>没那么简单</li><li>稻香</li></ul><p><input type="button" id="song" value="替换"></p><script>$(function() {$("input").click(function() {//动态创建一个li元素节点var $li = $("<li>月亮代表我的心</li>");//获取ul元素里面子元素li索引为2的元素，将他替换成$li元素//由此可说明可以通过获取元素来限定替换范围$("ul li:eq(2)").replaceWith($li);})})</script></body>
</html>

replaceWith（）和replaceAll（）两者的关系

jquery的DOM节点操作(替换元素节点)相关推荐

jquery的DOM节点操作(删除元素节点)
1.删除元素节点在操作页面时,删除多余或者指定的页面元素是非常必要的. jquery中提供了remove()方法来删除元素. 其语法格式如下: 删除元素节点示例代码: <!DOCTYPE ht ...
jquery的DOM节点操作(复制元素节点)
1.复制元素节点在页面中,有时候需要复制某个元素节点,可以通过clone()方法轻松实现这一功能. 语法格式如下: 在复制元素节点后,也要将复制的元素节点追加到某元素节点下,这样才会在相应的区域显示 ...
属性操作与元素节点操作和onscroll
属性操作 input的name,value img的src a的href等属性都属于天生自带的属性 id,class,style,title属性也都是天生自带的属性属性节点包含属性,元素节点包含属性 ...
jQuery（三）—节点操作和元素尺寸
jQuery节点操作和元素尺寸节点操作创建.追加元素 $()直接传入想要创建的节点 var $newli = $("<li>这是一个新的li标签</li>&quo ...
jquery对dom的操作常用方法整理
参考:https://www.jb51.net/article/39099.htm jquery对dom的操作包括了对html内容的添加.删除元素/内容.操作CSS等等,本文整理了一些dom操作的常用 ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JavaScript文档对象模型DOM节点操作之兄弟节点（4）
示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title& ...
JavaScript文档对象模型DOM节点操作之父节点和子节点（2）
1.父节点示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
JQuery对DOM的操作【三】
一．jQuery的DOM操作方法所有方法的特点:既可以设置属性,又可以获取属性二. html代码/文本/值:html().text().val() 1. 语法: 1) html() js对象中的i ...

jquery的DOM节点操作(替换元素节点)

1.替换元素节点

jquery的DOM节点操作(替换元素节点)相关推荐

最新文章

热门文章