Appliquer des styles avec jQuery

Question

Compte tenu de cette CSS:

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

Comment peut-on appliquer cela et unapply à l'aide programatically jQuery?

Cela nous permet de définir dynamiquement ce style à none (hide) et "" (show) en utilisant jQuery.

Je ne sais pas comment vous créez un identifiant jQuery représentant #gbox_MyGrid .s-ico span

Pour des informations sur la raison pour laquelle vous voudriez faire, voir ce post.

Answer 1

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

Doit faire l'affaire, autant que je sache.

Answer 2

Si vous voulez afficher et masquer, vous pouvez utiliser ces méthodes jQuery:

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

Cela permet de sélectionner tous les éléments qui correspondent au sélecteur CSS fourni et appeler .hide(), fixer leur propriété style.display-none .

Appeler the .show() method fera bien sûr l'opposé de .hide().

Answer 3

changer juste la classe sur les éléments

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

Answer 4

Pour appliquer et unapply programme, vous feriez ceci:

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