Modifier la valeur d'une feuille de style CSS lorsque la page est chargée ?

Question

Est-il possible de modifier la valeur d'un style css après le chargement de la page ?

Par exemple, je dois modifier une division qui est display:block à display:none après le chargement de la page ?

Est-ce possible avec jQuery et si oui, comment l'implémenter ?

Answer 1

Consultez le site ready() et l'événement css() méthode.

Regardez la liste des Sélecteurs possibles pour savoir comment cibler votre élément.

$(document).ready(function () {
    $('selectorForYourElement').css('display', 'none');
});

Editer :

Pour répondre à votre question, vous pouvez soit combiner le sélecteur avec la fonction :gt() ou utiliser le sélecteur slice() (de préférence).

$(document).ready(function () {
    $('selectorForYourElement').slice(1).css('display', 'none');
});

Ou

$(document).ready(function () {
    $('selectorForYourElement:gt(0)').css('display', 'none');
});

Answer 2

$('selector').css({
    display: 'none'
});

Answer 3

Donnez un identifiant au bloc, par exemple hideMe, et faites-le dans jQuery :

$(document).ready(function(){$("#hideMe").hide();});