在所有EXCEPT第一个实例上加载页面时更改CSS值

时间:2011-09-22 15:03:14

标签: jquery css

我有以下代码片段在页面加载后更改分区的值但是我想知道是否有可能修改它以使用第一个例外。

jQuery('#accordion div.pane').css('display', 'none');

3 个答案:

答案 0 :(得分:5)

只需使用:gt选择器选择除第一个之外的所有选项:

jQuery('#accordion div.pane:gt(0)').css('display', 'none');

或不那么简洁的“notty firsty”:

jQuery('#accordion div.pane:not(:first)').css('display', 'none');

为什么不使用hide而不是设置样式:

jQuery('#accordion div.pane:gt(0)').hide();

为了获得更好的性能(以及简洁的解决方案),您可以考虑使用JavaScript Array.slice,它适用于jQuery对象,因为它们是 arrayish

jQuery('div').slice(1).hide();

答案 1 :(得分:1)

jQuery('#accordion div.pane').not(':first').css('display', 'none');

答案 2 :(得分:0)

您可以为第一个元素提供区分ID或类,并使用jQuery not selector:

http://api.jquery.com/not-selector