4

Buenas tengo el siguiente código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
        <p>Esto es un párrafo 1</p>
        <p>Esto es un párrafo 2</p>
        <p>Esto es un párrafo 3</p>
    <script>
        (function() { 
            $("p").css({"color": "blue", "background-color": "yellow"});
            });
    </script>
</body>
</html>

Quiero saber ¿porque no se ejecuta automáticamente?

1 respuesta 1

6

(function(){}) retorna la referencia de la funcion por lo que tienes que ejecutarla como ejecutas una funcion, agregandole los parentesis ():

(function(){})();

Agrega los paréntesis para ejecutar la funciono y listo:

(function() { 
    $("p").css({"color": "blue", "background-color": "yellow"});
})();
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
        <p>Esto es un párrafo 1</p>
        <p>Esto es un párrafo 2</p>
        <p>Esto es un párrafo 3</p>

</body>
</html>

1
  • Gracias! por ayudarme y responder :) Commented el 13 ene. 2018 a las 22:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.