D OM = Document Object Model(文档对象模型)
获得内容 - text()、html() 以及 val():
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
text:
得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。
1. $(element).text() 获取element元素的文本内容
2. $(element).text(“textString”) 用于设置匹配元素内容的文本
html:
获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容
-
$(element).html() 获取element元素的HTML内容
2. ( e l e m e n t ) . h t m l ( " h t m l S t r i n g " ) 为 每 一 个 匹 配 元 素 添 加 h t m l 内 容 重 要 说 明 : (element).html("htmlString") 为每一个匹配元素添加html内容 重要说明: (element).html("htmlString")为每一个匹配元素添加html内容重要说明:(element) .html()方法内部使用的是DOM的innerHTML属性来处理的,
所以在设置与获取上需要注意的一个最重要的问题,这个操作是针对整个HTML内容(不仅仅只是文本内容)val:
方法主要是用于处理表单元素的值,比如 input, select 和 textarea。
//JavaScript中的value属性
1. $(ele).val() 获取匹配的元素集合中第一个元素的当前值
2. $(ele).val(value) 设置匹配的元素集合中每个元素的值
添加元素:
append() - 在被选元素的结尾插入内容
$(element).append(“
prepend() - 在被选元素的开头插入内容
$(element). prepend (“
after() - 在被选元素之后插入内容
//$(A).after(B); 在A后面插入B元素
$(element). after ("
before() - 在被选元素之前插入内容
//$(A).before(B);在A前面插入B元素
$(element). before ("
insertAfter()与insertBefore()
insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
(
A
)
.
i
n
s
e
r
t
A
f
t
e
r
(
B
)
在
B
后
面
插
入
A
元
素
与
(A).insertAfter(B) 在B后面插入A元素 与
(A).insertAfter(B)在B后面插入A元素与(A).after(B)是相反的操作,但是功能一样
$(选择要插入内容元素).insertAfter(“要插入的内容”);
insertBefore(content):把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
(
A
)
.
i
n
s
e
r
t
B
e
f
o
r
e
(
B
)
在
B
前
面
面
插
入
A
元
素
与
(A).insertBefore(B) 在B前面面插入A元素 与
(A).insertBefore(B)在B前面面插入A元素与(A).before(B)是相反的操作,但是功能一样
$(选择要插入内容元素).insertBefore(“要插入的内容”);