Skip to main content
se añadieron 9 caracteres en el cuerpo
Origen Enlace

He puesto tu código en un snipet y funciona muy bien.

Lo que también puedes haces es ocultarlo desdecon Jqueryattr condesde attrJquery así:

$().ready(function() {
    $("#carga").attr("hidden", true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>Este div incial no esta oculto </div>
<br>
<div><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div>Este div final no esta oculto </div>

Si ves el código agregue varios div para que puedas ver cual esta y cual no oculto.

He puesto tu código en un snipet y funciona muy bien.

Lo que también puedes ocultarlo desde Jquery con attr así:

$().ready(function() {
    $("#carga").attr("hidden", true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>Este div incial no esta oculto </div>
<br>
<div><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div>Este div final no esta oculto </div>

Si ves el código agregue varios div para que puedas ver cual esta y cual no oculto.

He puesto tu código en un snipet y funciona muy bien.

Lo que también puedes haces es ocultarlo con attr desde Jquery así:

$().ready(function() {
    $("#carga").attr("hidden", true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>Este div incial no esta oculto </div>
<br>
<div><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div>Este div final no esta oculto </div>

Si ves el código agregue varios div para que puedas ver cual esta y cual no oculto.

se añadieron 289 caracteres en el cuerpo
Origen Enlace

He puesto tu codigocódigo en un snipet y funciona muy bien.

Lo que también puedes ocultarlo desde Jquery con attr así:

$().ready(function() {
    $("#carga").hideattr("hidden", true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>Este div incial no esta oculto </div>
<br>
<div><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div>Este div final no esta oculto </div>

Lo unico que veo es que no tienes la referencia del JQuery en tu html.

Prueba agregando esto enSi ves el código agregue varios <head>div de tu html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Y después realizas la pruebapara que puedas ver cual esta y cual no oculto.

He puesto tu codigo en un snipet y funciona muy bien.

$().ready(function() {
    $("#carga").hide();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>

Lo unico que veo es que no tienes la referencia del JQuery en tu html.

Prueba agregando esto en el <head> de tu html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Y después realizas la prueba.

He puesto tu código en un snipet y funciona muy bien.

Lo que también puedes ocultarlo desde Jquery con attr así:

$().ready(function() {
    $("#carga").attr("hidden", true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>Este div incial no esta oculto </div>
<br>
<div><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
<br>
<div>Este div final no esta oculto </div>

Si ves el código agregue varios div para que puedas ver cual esta y cual no oculto.

Origen Enlace

He puesto tu codigo en un snipet y funciona muy bien.

$().ready(function() {
    $("#carga").hide();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>

Lo unico que veo es que no tienes la referencia del JQuery en tu html.

Prueba agregando esto en el <head> de tu html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Y después realizas la prueba.