一,前言
1.在jQuery
中,提供了 html()
和text()
方法用于操作页面元素的内容 ,val()
方法用于操作表单元素的值
一,$().html()
:匹配或修改html
元素
1.当$().html()
用于获取元素html
时,只会返回第一个匹配元素的html
。
2.当$().html()
接受了参数时,则会修改匹配元素的html
.且其中的html
字符串会被当成标签解析。
3.$().html()
常用于列表渲染。
二,$().val()
:匹配或修改表单元素的值。
1.当$().val()
用于获取表单元素的value
时,只会返回第一个表单元素的value
。
2.当$().val()
接受了参数时,则会修改匹配表单元素的value
三,$().text()
:匹配或修改文档文本内容
1.$().text()
用于获取元素的文本内容时,会返回所有匹配到元素的文本内容。
1.用于修改元素的文本内容,和$().html()
的区别就是$().text()
会将匹配元素的html
解析成文本在返回。
四,三者接受的参数
1.字符串:根据不同函数的功能做不同的解析
2.函数function(index,oldValue){return newValue}
:
index
表示匹配元素在集合中的位置,jquery
元素本身就是htmlCollection
的类数组集合。
oldvalue
表示修改的上一次的值
该函数的返回值newValue
表示返回的新值。
3.函数参数可以让我们根据元素在集合中的位置做不同的操作。