Mr.J-- jQuery学习笔记(二十七)--DOM操作方法(删除获取文本)

清除

<body>
<button>调用remove</button>
<div>我是div<p>我是段落</p>
</div>
<div class="box">我是div<p>我是段落</p>
</div>
<p class="box"></p>
</body>

empty ==> 清空指定元素中的所有内容

var btn = document.getElementsByTagName("button")[0];
btn.onclick = function () {$("div").empty();console.log($("div").empty());
}

点击按钮调用方法后：

remove ==> 删除所有的元素或指定元素

清除所有元素：

var btn = document.getElementsByTagName("button")[0];
btn.onclick = function () {$("div").remove();console.log($("div").remove());
}

与empty方法输出结果不同。length不一样。

清除指定元素：

$("div").remove(".box");

获取内容

<body>
<button>调用text</button>
<div>我是div1<p>我是段落1</p>
</div>
<div class="box">我是div2<p>我是段落2</p>
</div>
</body>

html ==> 设置所有元素的内容，获取第一个元素的内容

var btn = document.getElementsByTagName("button")[0];
btn.onclick = function () {var $div = $("div");console.log($div.html());
}

进行页面更改之后：

$div.html("123");

同样的元素也可以进行设置：

$div.html("<div><span>我是span</span></div>");

text ==> 设置所有元素的文本内容，获取所有元素的文本内容

var btn = document.getElementsByTagName("button")[0];
btn.onclick = function () {var $div = $("div");console.log($div.text());
}

同样也可以进行页面文本内容的更改：

$div.text("123");
$div.text("<div><span>我是span</span></div>");

或者使用get(Mr.J-- jQuery学习笔记(二十六)--jQuery原型上的属性&&方法):

console.log($div.get(0).innerText);

Mr.J-- jQuery学习笔记(二十七)--DOM操作方法(删除获取文本)相关推荐

uniapp 学习笔记二十七购物车总价计算及弹窗交互逻辑完善
uniapp 学习笔记二十七购物车总价计算及弹窗交互逻辑完善 uniapp 学习笔记二十七购物车总价计算及弹窗交互逻辑完善 cart.vue <template><view> ...
C++语法学习笔记二十七：引用折叠，转发、完美转发，forward
实例代码 // 引用折叠,转发.完美转发,forward#include <iostream>using namespace std;template<typename T> ...
Mr.J-- jQuery学习笔记(二十)--节点操作方法
Table of Contents 添加节点内部插入外部插入删除节点 remove([expr]) empty() detach([expr]) 替换节点 replaceWith(conte ...
Qt学习笔记(二十七)：QLabel 的常用方法
一.QLabel 的构造函数: 1.QLabel(QWidget * parent = 0, Qt::WindowFlags f = 0):创建 QLabel 控件时,指定其父对象,并设置其窗口属性( ...
马哥学习笔记二十七——IO复用
I/O动作模式阻塞非阻塞 I/O复用信号驱动异步转载于:https://www.cnblogs.com/wangyongbin/p/3817353.html
Java学习笔记 (二十七) 使用NIO写文件
使用Channel 写数据代码如下: public static void main(String []args){try(FileOutputStream fos=new FileOutputSt ...
python学习笔记(二十七) -- 常用内建模块(二) Base64、MD5、SHA1、hmac
目录 base64 hashlib MD5 SHA1 hmac base64 原理 base64就是对二进制数据进行编码,比如我有6字节的二进制数据,然后每3个字节分为一组,也就是一组有3*8 = 2 ...
Mr.J-- jQuery学习笔记(二十八)--DOM操作方法(添加方法总结)
Table of Contents appendTo appendTo(source, target) 源代码 append prependTo prependTo源码 prepend ...
Mr.J-- jQuery学习笔记(二十一)--模拟微博页面
先看之前的节点操作方法:Mr.J-- jQuery学习笔记(二十)--节点操作方法 Mr.J-- jQuery学习笔记(五)--属性及属性节点 Mr.J-- jQuery学习笔记(十一)--事件委托 ...

Mr.J-- jQuery学习笔记(二十七)--DOM操作方法(删除获取文本)

清除

获取内容

Mr.J-- jQuery学习笔记(二十七)--DOM操作方法(删除获取文本)相关推荐

最新文章

热门文章