使用jQuery将级联样式应用于元素

Question

我有一个样式标签，如下所示：

<style type="text/css">
#Ribbon\.ListItem\.New\.NewListItem-Larges
{
    display:none;
}
</style>

我想知道如何使用jquery应用此样式。 尝试了这个，但它不起作用

$('head').append('<style type="text/css">#Ribbon\.ListItem\.New\.NewListItem-Large{  display:none;}</style>'); 

已经适用于身体也无济于事。 提前致谢

Answer 1

$("<style type='text/css'> #Ribbon.ListItem.New.NewListItem-Larges{ display: none;} </style>").appendTo("head");

它应该可以工作，但你需要删除那些斜杠。

Answer 2

您的第一段代码中有Larges，而jquery中有Large。

Answer 3

您可以使用.hide()而不是将CSS附加到头部。

$(function(){
  $("#Ribbon.ListItem.New.NewListItem-Larges").hide();
});

也就是说，如果你没有动态创建这个元素。