應用樣式與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(); 
});