jquery输出

使用 jQuery 输出内容的方法

通过 text() 方法输出纯文本
$("#element").text("Hello World");
将指定元素的文本内容替换为“Hello World”，自动转义 HTML 标签。

通过 html() 方法输出 HTML
$("#element").html("<strong>Hello</strong> World");
允许插入 HTML 标签，内容会被渲染而非转义。

通过 append() 追加内容
$("#container").append("<p>New paragraph</p>");
在指定元素内部末尾添加新内容，保留原有内容。

通过 prepend() 前置内容
$("#container").prepend("<p>First paragraph</p>");
在指定元素内部开头插入内容，原有内容后移。

通过 val() 输出表单值
$("#inputField").val("Default text");
设置或获取表单元素（如 <input>）的值。

通过 alert() 弹出提示框
alert($("#element").text());
将元素内容以浏览器弹窗形式输出。

通过 console.log() 调试输出
console.log($("#element").html());
在开发者工具控制台打印内容，适合调试。

动态拼接字符串示例

let user = "Alice";
$("#output").text(`Welcome, ${user}!`);

注意事项

• 使用 text() 防止 XSS 攻击，html() 需确保内容可信。
• 链式调用示例：$("#box").empty().append("<div>New content</div>");