应用样式与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

只是改变的元素

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

Answer 4

要应用和不应用程序类，你可以这样做：

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