如何在jquery中使用span标记设置htm

如何在jquery中使用span标记设置htm,jquery,methods,html,Jquery,Methods,Html,这段代码运行良好: $("#myp").html("Hello <b>world!</b>"); $(“#myp”).html(“你好,世界!”); i、 e.在myp world中以粗体显示 但添加span样式的颜色如下所示: $("#myp").html("<span style="color: #F00;">Hello </span><b>world!</b>"); $(“#myp”).html(“你好,世界!”

这段代码运行良好:

$("#myp").html("Hello <b>world!</b>");
$(“#myp”).html(“你好,世界!”);
i、 e.在myp world中以粗体显示

但添加span样式的颜色如下所示:

$("#myp").html("<span style="color: #F00;">Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);
不再工作,它不会在网页中显示任何内容


我做错了什么?

在字符串中转义双引号:

$("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);
或者使用单个的:

$("#myp").html("<span style='color: #F00;'>Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);

您必须转义字符串中的引号:

$("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);
或使用不同的字符串分隔符:

$("#myp").html('<span style="color: #F00;">Hello </span><b>world!</b>');
$(“#myp”).html('helloworld!');

添加样式时使用单引号

            $("#myp").html("<span style='color: #F00;'>Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);
或在添加样式时转义内部使用的双引号

             $("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");
$(“#myp”).html(“你好,世界!”);

检查您的控制台BTW,语法着色显示它