使用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();
});

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