使用jQuery应用样式

Question

鉴于此CSS：

#gbox_MyGrid .s-ico span {
    display:none;
}

如何应用这个并使用jQuery以编程方式取消应用它？

那就是我们使用jQuery动态地将这个样式设置为none（hide）和“”（show）。

不确定如何创建代表#gbox_MyGrid .s-ico span

的jQuery id

有关您为什么要这样做的背景信息，请参阅此post。

Answer 1

$("#gbox_MyGrid .s-ico span").hide();
$("#gbox_MyGrid .s-ico span").show();

据我所知，应该做到这一点。

Answer 2

如果要显示和隐藏，可以使用这些jQuery方法：

$('#gbox_MyGrid .s-ico span').hide();  //hides all the elements that match the selector

这会选择与提供的CSS选择器匹配的所有元素，并会调用.hide()，将style.display属性设置为none。

调用 the .show() method当然会与.hide()相反。

Answer 3

要以编程方式应用和取消应用，请执行以下操作：

http://jsfiddle.net/4c8Aw/

<强> HTML

<input type="button" value="click" />

<div id="gbox_MyGrid">
    <div class="s-ico">
        <span>test</span>
    </div>
</div>

<强> CSS

#gbox_MyGrid .s-ico span {
    display:none;
}​

<强> JS

$('input').click(function() {
    $("#gbox_MyGrid .s-ico span").toggle();
});

Answer 4

只需更改元素上的类

$('#gbox_MyGrid .s-ico span').toggleClass('hiddenClass')