jquery操作文档内容

一,前言

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.函数参数可以让我们根据元素在集合中的位置做不同的操作。

猜你喜欢

转载自blog.csdn.net/qq_40340943/article/details/110877222