jquery - jQuery 中的 HTML 对我不起作用？

Question

简单的例子:

$(document).ready(function(){
 $('body').css({'background-color': '#dddddd', 'font-size': '12pt'});
 $('table tr:odd').addClass('rowShaded');
 $('<p> Oh my learning jQuery is so fun </p>').addClass('myP');
 $('#myButton').click(function() {
  alert($(this).attr("value")); //should display the name of the button
     $('#myTestTable').toggle();
    });


});

<强> $('<p> Oh my learning jQuery is so fun </p>').addClass('myP');

除了那条线之外，一切都工作正常。它实际上不应该在我的页面上显示带有该文本的新段落吗？我没有看到它，它显示的只是我的 html 中的一个表格和我可以切换的按钮。我认为您可以添加 HTML 元素，然后 jQuery 将其放置在 html 文件中？我的 CSS 对于该元素来说很简单:

.myP{
font-family:verdana;
color:red;
}

Answer 1

嗯，你必须告诉 jQuery 它应该显示在页面的哪个位置，例如使用appendTo() .

示例:

('<p> Oh my learning jQuery is so fun </p>')
.addClass('myP')
.appendTo('#mydiv');

将 HTML 附加到 ID 为 mydiv 的元素(这意味着 p 元素现在是 #mydiv 的最后一个子元素)。