El fondo no se vuelve negro con jQuery

El código que tengo es el siguiente:

<!DOCTYPE html>
<html>

    <head>
        <script src="javascript/jquery.js" type="text/Javascript"> </script>
    </head>
    <body>

        <div id="demo"></div>

        <script type="text/javascript">
        document.getElementById("demo").innerHTML="Hi";
        </script>

        <script type"text/javascript">
            $(function()
            {
                $("#demo").css("background", "#000000");    
            }
        </script>

    </body>
</html> 

El problema que tengo es que el segundo bloque de JS/Jquery no convierte el fondo del div en negro. ¿Qué estoy haciendo mal?

preguntado el 29 de junio de 12 a las 20:06

Es porque no ha llenado el div con nada que no puede ver su color. -

@musa background funciona tambien. Pero tienes razón, como por documentación, las propiedades abreviadas de CSS deben evitarse, ya que se supone que no son compatibles. Edit: De los documentos: Shorthand CSS properties (e.g. margin, background, border) are not supported., pero de hecho estableciendo el background funciona. -

¿Por qué no combinas los dos? <script>'s en una función jQuery? En vez de innerHTML línea solo usa $("#demo").html("Hi"); en jQuery. -

4 Respuestas

$(function() {
    $("#demo").css("background", "#000000");    
}); // <-- You forgot a closing parenthesis

Respondido el 30 de junio de 12 a las 11:06

@Praveen Kumar, ¡Esa fue una de las ediciones más significativas en la historia de la humanidad! ¡Gracias por eso! - gdoron está apoyando a Monica

Le falta un corchete de cierre de la devolución de llamada del controlador listo para documentos.

$(function() {
    $("#demo").css("background", "#000000");    
}); //<-- here

Siempre revise la consola del navegador cuando trabaje con JavaScript. Te habría dicho instantáneamente que tenías un error de análisis.

También tenga en cuenta que, aunque algunas de las respuestas aquí no $(document).ready(function..., esto es sinónimo de simplemente $(function....

Respondido el 29 de junio de 12 a las 20:06

El problema es tu función...

$(document).ready(function(){
    $("#demo").css("background", "#000000");    
});

También es posible que deba agregar un ancho / alto a su div.

Respondido el 29 de junio de 12 a las 20:06

Puede colocar su código javascript bajo una etiqueta:

<script type"text/javascript">
$(document).ready(function(){
  document.getElementById("demo").innerHTML="Hi";
  $("#demo").css("background-color", "#000000");    
});
</script>

Respondido el 29 de junio de 12 a las 20:06

Incluso bajo una línea: $("#demo").html("Hi").css("background-color", "#000000"). - Visión

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.