jQuery中html([val|fn])和text([val|fn])的异同
相同点:
1.它们的返回值都是string类型;
2.它们都有两个相同的可选参数[val|fn];
3.当参数为无的时候代表获取元素的内容;当有参数的时候是代表设置元素的内容;
不同点:
1.html([val|fn])当参数为无的时候(即html();),代表取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text([val|fn])当参数为无的时候(即text();),代表取得所有匹配元素的内容。这个方法对HTML和XML文档都有效。
例一:
此时html()无参数,返回第一个div,也就是div这个集合中索引为0的这一项的值;
同样当
此时text()无参数,返回所有div元素的值;
2.当html([val|fn])和text([val|fn])有参数的时候均代表设置所有被选择元素属性的值,但是html([val|fn])可以在设置元素值的时候会解析HTML代码;而text([val|fn])则不会解析HTML代码。
例二:
此时html("Hello,<b>China!</b>")带参数,将所有元素名为div的元素的文本值改为Hello China!(加粗显示);jQuery会解析HTML代码,实现效果。
同样当
此时text("Hello,<b>China!</b>")带参数,将所有元素名为div的元素的文本值改为Hello <b>China!</b>;jQuery不会解析HTML代码,未实现效果。
分类:
JavaScript
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 理解Rust引用及其生命周期标识(下)
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· C# 13 中的新增功能实操
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(4)
· 2025成都.NET开发者Connect圆满结束
· langchain0.3教程:从0到1打造一个智能聊天机器人