jquery给div赋值
使用 jQuery 给 div 赋值的方法
使用 .text() 方法设置纯文本内容
$("#divId").text("这是纯文本内容");
此方法会将内容作为纯文本插入，HTML 标签会被转义显示。
使用 .html() 方法设置 HTML 内容
$("#divId").html("<strong>这是HTML内容</strong>");
此方法会解析 HTML 标签，适合需要渲染样式或结构的场景。
通过 .append() 追加内容
$("#divId").append("<p>追加的内容</p>");
在 div 内部末尾添加新内容，原有内容保留。
通过 .prepend() 前置内容
$("#divId").prepend("<p>前置的内容</p>");
在 div 内部开头插入内容，原有内容后移。
使用 .val() 赋值表单元素（特殊场景）
$("#inputDiv").val("表单值");
仅适用于类似 <input> 的表单元素，普通 div 无效。
动态赋值变量内容
let dynamicContent = "动态数据";
$("#divId").text(dynamicContent);清空 div 内容
$("#divId").empty();
移除 div 内所有子元素和文本内容。
注意事项
- 确保 DOM 加载完成后执行操作，需将代码放在
$(document).ready()或简写$(function(){...})中。 - 避免重复赋值导致内容叠加，必要时先调用
.empty()清空。
