jQuery中实现text()的方法

一、有这样一段 html

二、jQuery 的 text() 方法

(1)当直接调用 $().text()时，.text()的作用是(循环)读取(多个)目标元素的textContent/nodeValue

简单实现：

(2)当调用$().text(value)时，.text(value)的作用是为每一个符合条件的目标元素的textContent设置为 value

简单实现：

writeText()：

customEmpty()：

(3)源码实现

源码：

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 标签!

完整代码：

总结

以上所述是小编给大家介绍的jQuery中实现text()的方法，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧。