Question

我需要使用Jquery删除这段代码上的css样式。

<div class="TabbedPanelsContent 1b" style="display: none;“＆gt;

并将其更改为css样式

<div class="TabbedPanelsContent 1b" style="display: block;“＆gt;

任何人都可以帮助正确编码以使其正常工作

Answer 1

当您为元素使用多个类时，您可以识别这些类的组合，如下所示并更改

 $(".TabbedPanelsContent.1b").css("display","block");

只需致电toggle()即可显示或隐藏匹配的元素。

$(".TabbedPanelsContent.1b").toggle()

Answer 2

$(".TabbedPanelsContent").show();

Answer 3

您可以使用.css()方法更改css属性

$('.TabbedPanelsContent').css('display', 'block')

OR

您可以使用.show()来显示

$(".TabbedPanelsContent").show();

Answer 4

你可以用

做到这一点

$('.TabbedPanelsContent.1b').css('display': 'block');

或

$(".TabbedPanelsContent.1b").toggle();

如果您只想考虑其中一个，只需删除另一个。注意第一类名称和第二类名称之间没有空格。

Answer 5

尝试

<script>
$(document).ready(function(){
   $('.TabbedPanelsContent').css('display', 'block');
});
</script>

或

<script>
$(document).ready(function(){
   $('.TabbedPanelsContent').show();
});
</script>

Answer 6

你可以直接使用

$(".TabbedPanelsContent").show();

如果你真的想使用css，

$(".TabbedPanelsContent").css("disply","block");

Answer 7

首先，我会尝试尽可能避免使用线型标签。要替换此样式而不是样式标记，可以使用jquery show / hide函数

$(".TabbedPanelsContent").show(); // behind the scenes sets display to block
$(".TabbedPanelsContent").hide(); // behind the scenes sets display to none

要回答您的具体问题，您需要removeAttr将其删除

$(".TabbedPanelsContent").removeAttr("style");

或者只是改变它

$(".TabbedPanelsContent").attr("style","display:block"); // the value part of this may be off, but it's close

使用jquery为特定元素删除样式

7 个答案: