27.jQuary之操作DOM物件

DOM全称为 Document Object Model（文件物件模型）是一种表示和操作HTML、XML等文件结构的程式化方式。它将文件视为一个树状结构，允许程式通过程式码来访问、修改和操作文件的内容，以下是一些常见的 jQuery 操作 DOM 物件的方法：
(一)

$(selector).text() 返回文本内容(取得所有符合内容的元素的内容)
$ (element).text(textContent) 设置所选元素的文本内容(会覆盖所有匹配元素的内容。)

$(selector).html() 取得第一个符合之元素(包括HTML标籤)
$(selector).html(content) 覆盖所有匹配元素的内容。


VS $(selector).text()
3.val()：读取和修改一个表单元素的value字段值
设置或返回被选元素的属性值（针对表单元素）
二、插入新元素
$(element).append(content); // 在"元素内部"末尾插入，加到指定区块内的后面
$(element).prepend(content); // 在元素内部起始处插入，加到指定区块内的前面
$(element).after(content); // 在"元素后插入"，加到指定区块外的后面
$(element).before(content); // 在元素前插入，加到指定区块外的前面

三、操作元素属性
$(element).attr(attributeName); // 获取属性值
$(element).attr(attributeName, value); // 设置属性值
四、移除元素
.remove() - 用来删除参数所指定的元素（及其子元素）。

.empty() - 删除匹配到的元素其所有子节点

参考资料:
1.jQuery API Documentation:https://api.jquery.com/
2.W3school:https://www.w3schools.com/jquery/default.asp