jQuery中实现text的方法 _睿知

一、有这样一段 html

文章插图
二、jQuery 的 text() 方法
(1)当直接调用 $().text()时，.text()的作用是(循环)读取(多个)目标元素的textContent/nodeValue
简单实现：

文章插图
(2)当调用$().text(value)时，.text(value)的作用是为每一个符合条件的目标元素的textContent设置为 value
简单实现：
writeText()：

文章插图
customEmpty()：

文章插图
(3)源码实现
源码：
jQuery.text()总体：
【jQuery中实现text的方法】

文章插图
源码解析：
① 调用text()，实际上是调用access()
也就是说：调用jQuery.access()相当于调用了fn.call( elems, value )，即自定义的方法jQuery.access(this, function(value) {xxx})
② .text()的情况调用这部分源码：
jQuery.text()调用的其实是Sizzle.getText()：

文章插图
③ .text(value)的情况调用这部分源码：
jQuery.text(value)：

文章插图
empty()：

文章插图
④ 总结
$(".divOne").text()的本质：
(1)节点内容是文本，返回$(".divOne")[i].textContent
(2)节点内容不是文本，循环返回$(".divOne")[i].element[j].textContent
(3)节点内容是文本节点或一个文档的CDATA部分,则返回$(".divOne")[i]. nodeValue
$(".divOne").text("Hello world!")的本质：
(1)jQuery.cleanData()
(2)$(".divOne")[i].textContent = ""
(3)$(".divOne")[i].textContent="Hello world!"
注意：text() 不会去解析 html 标签!
完整代码：