jQuery che modifica lo stile dell’elemento HTML

Ho una lista su HTML

cambia bene per mostrare orizzontalmente il cambiamento CSS

  div#navigation ul li { display: inline-block; } 

ma ora voglio farlo con jQuery, io uso:

  $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); 

ma non funziona, cosa ho sbagliato nello stile del mio elemento con jQuery?

Grazie

non usare questo:

 $('#navigation ul li').css('display': 'inline-block'); 

Usa invece questo:

 $('#navigation ul li').css('display', 'inline-block'); 

Inoltre, come altri hanno affermato, se si desidera apportare più modifiche css in una volta, questo è quando si aggiungerebbero le parentesi graffe (per la notazione degli oggetti), e sarebbe simile a questa (se si volesse cambiare, per esempio, ‘sfondo -color ‘e’ position ‘oltre a’ display ‘):

 $('#navigation ul li').css({'display': 'inline-block', 'background-color': '#fff', 'position': 'relative'}); //The specific CSS changes after the first one, are, of course, just examples. 
 $('#navigation ul li').css('display', 'inline-block'); 

non i due punti, una virgola

 $('#navigation ul li').css({'display' : 'inline-block'}); 

Sembra un refuso lì … errore di syntax :))

potresti anche specificare più valori di stile come questo

 $('#navigation ul li').css({'display': 'inline-block','background-color': '#ff0000', 'color': '#ffffff'}); 

Penso che tu possa usare anche questo codice: e tu puoi gestire meglio il tuo css di class