Foros del Web - Ver Mensaje Individual - JQUERY

Dany_s · #12 (**permalink**) 24/12/2010, 00:26

en vez de asiganar una cadena a una variable para seleccionar un id como
$("#"+idWid+"
podes guardar el elemento en una variable

widget = $('#'+eltextodelid);

asi accedes haciendo
widget.find('.algo .otro')
me parece mas legible je

que esto
$("#"+id_wid+" .selector .....

y no modifiques los estilos con jquery, modifica clases

porque esto

Código HTML:

Ver original<html>
    <head>
        <script src="jquery.js"></script>
    </head>
    <body>
        <div id="agregarEstilo1"></div>
        <div id="agregarEstilo2"></div>
    <button>Click</button>
<script>
    
$('button').click( function(){
    $('#agregarEstilo1').css({'margin':'10px', 'border':'1px solid #999', 'background':'green', 'cursor':'pointer'});
    $('#agregarEstilo2').css({'margin':'20px', 'border':'5px solid #ccc', 'background':'yellow', 'cursor':'help'});
});
 
</script>
</body>
</html>

no es lo mismo que esto

Código HTML:

Ver original<html>
    <head>
        <script src="jquery.js"></script>
        <style>
            .laClase{margin: 10px; border: 1px solid #999; background: green; cursor: pointer}
            .otraClase{margin: 20px; border: 5px solid #ccc; background: yellow; cursor: help}
        </style>
    </head>
    <body>
        <div id="agregarEstilo1"></div>
        <div id="agregarEstilo2"></div>
    <button>Click</button>
<script>
 
$('button').click( function(){
    $('#agregarEstilo1').addClass('laClase');
    $('#agregarEstilo2').addClass('otraClase');
});
 
</script>
</body>
</html>

fijate con el firebugs (en perfilar) las llamadas que hace cada uno y encima el último es más legible