Autor Tema: Ejemplo básico trabajando con Jquery y css ajax.googleapis (Leído 3367 veces)

tata · « **en:** 15 de Agosto 2015, 17:43 »

Hola a todos/as:
No entiendo porque no me sale,tengo un index.html

[code][b][color=red]<!DOCTYPE html>
<html lang="en">
<html>

<head>

   <title>ENSAYOS DE JQUERY</title>
          <meta charset="utf-"8"/>
		  <meta name="description"content="hypnosis -cura de enfermedades en Dallas Texas"/>
		  <meta name="viewport"content="width=device-width,initial-scale=1"/>
		    <link rel="stylesheet" href="stylesjq.css"/>
		  
	<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>
</head>
    
<body>
     <div id="micapa">Hola Mundo!!!</div>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>





<script src="ensayo.js"></script>
</body>
</h[/color][/b]

[/code]

y abri una hoja de ensayos.js para no hacerlo en la misma hoja de index y puse este codigo

Código: [Seleccionar]

[color=blue][b]$(document).ready(function(){


$("#micapa").on("click",funcionManejadora);
 function funcionManejadora(){
	 //$("#micapa").css("clor","blue");
	  $("#micapa").css({
		  "color": "blue","font-size":"2em"
	  )};[/b][/color]

Gracias de antemano

SamML · « **Respuesta #1 en:** 16 de Agosto 2015, 02:18 »

Hola tata,

Te dejo unas formas de hacer lo que te propones para ver si logras entenderlo. Si no entiendes algo lo comentamos.
Saludos.

Una es simplemente:

Código: [Seleccionar]

<script>
 $(document).ready(function(){
     $("#micapa").on("click",function(){
 	    $("#micapa").css("color", "#FF8800");
     });
 });
</script>

Y la otra:

Código: [Seleccionar]

<script>
 function cambiacolor () {

		$("#micapa").css("color", "#FF8800");
	};
 </script>

Poniendo en tu div

Código: [Seleccionar]

<div id="micapa" onclick="javascript:cambiacolor();">Hola Mundo!!!</div>

Y si quieres el archivo externo:

Código: [Seleccionar]

//Contenido de ensayo.js
$(document).ready(function() {

$('#micapa').bind('click', function () {
	$(this).css("color","blue");
});
});

Edito: No obstante creo que tu código solo falla en que llamas a la función antes de declararla y ademas se te ha olvidado los paréntesis en la llamada, compruébalo

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: