ocultar un div según su class con jquery

[IEKK]

No suelo usar mucho jquery así que planteo mi duda a ver si alguien sabe decirme.

Código HTML:

<script language="javascript">
$(document).ready(function() {
    $(".laclasequequieroocultar").hide();
});
</script> 

Esto siempre me ha servido para ocultar la clase que quiero.
Ahora bien, añadí el script de google para poner el traductor en la página web y he intentando quitar algunos div que coloca. Sobre todo para borrar la línea "Con la tecnología de Traductor de Google" y no hay forma.
Tampoco puedo editar el estilo con jquery.

Como ya dije lo mio no es jquery, pero ¿No se supone que al añadir $(document).ready(function() { el código se ejecuta cuando el DOM está listo?

Si esto es así ¿Como es que google lo machaca?

Un saludo y gracias

Edit: en el resto de div funciona correctamente

[caricatos]

Tema movido desde javascript

[maycolalvarez]

pueden ser por varias razones: google sobreescribe el evento ready en alguna parte, o define una función propia para $ lo que machaca jquery, podrías intentar usar la sintaxis de jQuery NoConflict para evitarlo

[IEKK]

Iniciado por maycolalvarez

pueden ser por varias razones: google sobreescribe el evento ready en alguna parte, o define una función propia para $ lo que machaca jquery, podrías intentar usar la sintaxis de jQuery NoConflict para evitarlo

Ya probé y me pasa lo mismo. Si borro la primera capa funciona perfectamente con el noConfict pero si quiero hacerle el hide() a alguna de sus clases que tiene dentro de los div no pasa nada.

Muchas gracias por el enlace de todas formas, pues me sirvió para corregir otra cosa.
Había mirado algo de la documentación de jquery pero más en relación a los efectos.

[mayid]

¿No se supone que al añadir $(document).ready(function() { el código se ejecuta cuando el DOM está listo?

si, esto es así.

$(".laclasequequieroocultar").hide();

Ese codigo es bueno. No se si siempre funcione... Pero probaste también esto?

$(".laclasequequieroocultar").css("visibility":"hi dden");

o

$(".laclasequequieroocultar").css("display":"none" );

[IEKK]

Iniciado por mayid

$(".laclasequequieroocultar").css("visibility":"hi dden");

o

$(".laclasequequieroocultar").css("display":"none" );

Con el script de google se añade el traductor detro de este div:
<div id="google_translate_element"></div>

Ese div puedo ocultarlo perfectamente y mostrarlo, pero no sirve con el href que coloca Google--> class="goog-logo-link" y quería eliminar la publicidad de: Con la tecnología de Google Traductor
Sobre todo porque me modificaba el otro div donde estaba.

Como ya dije no conozco mucho de Jquery pero me parece que el separador entre la propiedad de la CSS es una coma ( , ) y no dos puntos ( : )

$(".goog-logo-link").css("visibility","hidden");
$(".goog-logo-link").css("display","none"); Yo me decantaba por esta.

De todas formas tampoco resultó.

Muchísimas gracias a todos por sus respuestas. Al final adapte la hoja de estilo para que no me destrozara el script de google la página y a conformarse

Saludos

[Dany_s]

pasa que google te esta insertando contenido, es como que quieras ocultar algo que todavia no existe

no es lo mismo esto
$('#div').hide();
$('body').append("<div id='div'>El div</div>");

que esto
$('body').append("<div id='div'>El div</div>");
$('#div').hide();


en vez de ready proba con load pero igual no creo que funcione

[tredio]

es cierto para hacerlo de esta manera $(".goog-logo-link").css("visibility","hidden"); es con coma(,) pero tambien hay una forma de hacerlo con dos puntos(:) que seria asi
$(".goog-logo-link").css({"visibility":"hidden"}); lo mas probable como dice dany es que tu estes tratando de ocultar el div antes de que se haya creado y es por eso que no pasa nada.

una solucion que me ocurre que no se si seria del todo correcta, es que crees un setInterval y vayas preguntando dentro de el si el div ya se creo, cuando eso pase, lo ocultas y limpias el intervalo.

[mayid]

Siguiendo con la misma logica, se podría declarar una funcion CSS así:

Código CSS:

.goog-logo-link{display:none !important}
 

...con lo cual te evitas usar jquery.

[tredio]

=o muchisimo mejor asi, ni me pasaba por la mente el css jeje, aveces la solucion es mucho mas facil de lo que uno imagina.

[IEKK]

Iniciado por mayid

Siguiendo con la misma logica, se podría declarar una funcion CSS así:

Código CSS:

.goog-logo-link{display:none !important}
 

...con lo cual te evitas usar jquery.

jajajjaa antes de pensar en Jquery ya había probado con CSS.
Y siento decirte que con css no es válido.
Ten en cuenta que esa clase lo añade el script de google. No está en la página.

Para intentar explicarme mejor:

//El div que contiene el traductor:

Código HTML:

<div id="google_translate_element"></div> 

Es dentro de este div donde google añade toodo lo demás, y si no me equivoco esto lo añade después de cargar la página, por lo que la CSS no es la solución, y por eso use Jquery.
Aunque finalmente acabe mostrando todo haciendo click en un enlace y ocultando todo con otro.

//El script indicando en que div vuelca el contenido:

Código HTML:

<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
   pageLanguage: 'es'
 }, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 

De nuevo gracias por contestar.
Un saludo.

EDIT: De todas formas probé a tu manera con el !important, que yo no lo creí que eso cambiase nada pero así tampoco como imaginé.
EDIT2: Miraré lo del setInterval.