前端提高篇(八十四)：jQuery的文本属性：text()、html()、val()

//点击按钮添加文字

$(‘#btn’).click(function(){

$(‘#content’).text(‘巴拉巴拉这是一段内容’)

})

效果：点击btn按钮，就在p标签里添加文本（css: div加了背景色和宽度）

同样的效果可以用拼接字符串来完成，但由于是添加文字，不是替换，把点击后显示的文字另外存在一个标签里，这样更方便一点，结构也比较清晰

1.2.3 text里如果传的是函数，函数可以执行一些操作，然后return回来一个字符串，相当于把这个字符串写在text函数里，将dom元素的文本替换成这个字符串

$(‘#btn’).click(function(){

$(‘#test’).text(function(){

return ‘asdf’+‘qwer’;

})

})

效果：点击btn按钮，#test里的文本变成"asdfqwer"

1.2.4 传进rext的函数有两个参数：索引和对应dom元素，可以用于遍历，或根据索引做一些判断操作

hello

hello2

btn

效果：点击按钮之后，输出每一个div下的文本，包括换行

根据index做一些判断，修改对应index的dom元素内容：

hello

hello2

hello3

hello4

btn

2.html()

---

2.1 对应js中的innerHTML属性，jQuery中的html()可以识别html标签；

innerText属性对应不能识别html标签，text()也不能识别html标签，输入的字符串严格地被当作标签内容处理

text()处理带html标签的文本：

$(‘#btn’).click(function(){

$(‘#test’).t