Comment faire pour utiliser jQuery pour changer la couleur de fond d'une zone de texte?

Comment faire pour utiliser jQuery pour changer le backgound couleur d'une zone de texte?

InformationsquelleAutor | 2009-08-03
  1. 44

    Meilleure pratique consiste à séparer l'INTERFACE utilisateur de la logique, dans votre cas:

    $("#textboxid").addClass("aClass");

    Si vous en avez vraiment besoin de votre chemin, puis effectuez les opérations suivantes:

    $("#textboxid").css({"background-color": "color"});

    Remplacer #textboxid le sélecteur, et la couleur avec la couleur désirée.

    Note le suivant fait de même pour une propriété:

    $("#textboxid").css("background-color", "color");
    • Aucun besoin de codage en dur de présentation en js. Utiliser les Css pour le style, js pour le comportement.
    InformationsquelleAutor Dykam
  2. 10
    $('#txtBoxID').css('background-color', '#ffff00');
    InformationsquelleAutor Joe Davis
  3. 8

    Mieux que d'ajouter un nom de classe à l'entrée plutôt que le codage en dur des styles dans votre js.
    Styles de présentation doit résider dans le css pas de js.

    $('#inputId').addClass('someCssClass');
    • Et c'est aussi ce que vous faites maintenant. Je dirais que vous devriez ajouter une sémantique de la classe, pas backgroundRed, je vois que comme un antipattern. Et peut-être le code ici est le code de l'INTERFACE utilisateur.
    • c'était juste un exemple....bien sûr, vous ne devriez pas avoir des classes pour chaque couleur. geee
    • Vous devriez quand même pas dur de style de code en js. Ce qui se passe quand il veut une frontière, puis une autre police. Jusqu'à la fin avec une horrible gâchis de js.
    • Ah, vous avez modifié l'exemple. Mais pour l'INTERFACE utilisateur JS peut-il être approprié.
    • js pour le comportement, pas pour l'ajout de css. Pourquoi le rendre plus difficile que addClass?
    • Le "pourquoi" est la sémantique partie droite? donc addClass('highlight'); serait une bonne chose pour le javascript pour le faire, et puis la feuille de style permettrait de préciser ce à quoi ça ressemble. Maintenant, vous pouvez remplacer "highlight" avec tout aléatoire description, mais la fonction est la même.
    • Mais votre réponse originale à cette question ont montré aucune de ces pensées. Maintenant, votre expert;)

    InformationsquelleAutor redsquare
  4. 0

    Mieux encore, ne pas utiliser jQuery. Je suppose que vous voulez pour ce faire sur l'objet ou sur le flou, de sorte que vous pouvez faire:

    #textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}
    InformationsquelleAutor Andrew