页面加载后更改 CSS 值？答案

【问题标题】：Change CSS value when page has loaded?页面加载后更改 CSS 值？
【发布时间】：2011-09-22 14:02:16
【问题描述】：

页面加载完成后是否可以更改css样式的值？

例如我需要在页面加载完成后将display:block 的部门更改为display:none？

这在 jQuery 中是否可行，如果可以，我该如何实现？

【问题讨论】：

标签： jquery css

【解决方案1】：

检查ready() 事件和css() 方法。

查看possible selectors 列表，了解如何定位您的元素。

$(document).ready(function () {
    $('selectorForYourElement').css('display', 'none');
});

编辑：

要回答您的问题，您可以将选择器与:gt() 选择器结合使用，或者使用slice() 方法（首选）。

$(document).ready(function () {
    $('selectorForYourElement').slice(1).css('display', 'none');
});

或者

$(document).ready(function () {
    $('selectorForYourElement:gt(0)').css('display', 'none');
});

【讨论】：

【解决方案2】：

$('selector').css({
    display: 'none'
});

【讨论】：

【解决方案3】：

给方块一个 id f.e. hideMe 并在 jQuery 中执行此操作：

$(document).ready(function(){$("#hideMe").hide();});

【讨论】：