Return to Snippet

Revision: 36421
at November 22, 2010 01:16 by kreamweb


Initial Code
//css methods

$('div').css('border','solid 1px #F00');

//WRONG
$('div').css('border-bottom','solid 1px #F00');
//RIGHT - si deve togliere il trattino e mettere il secondo termine in maiuscolo
$('div').css('border','solid 1px #F00');

//è possibile applicare più volte il metodo
$('div').css('position','absolute').css('zIndex',10).css('top',10);

//ma può essere scritto anche in questo modo:
$('div').css({position:'absolute',zIndex:10,top:10});

//per una più facile lettura
$('div').css({
	position:'absolute',
	zIndex:10,
	top:10
});

//se vogliamo farci ritornare un valore dalla funzione css
$('div#main').css('width'); 


//attr methods
//questo metodo permette di manipolare gli attributi in un file html

//se abbiamo il codice
//<a id="home" href="/">Home</a>
$('a#home').attr('href','home');
//come risultato avremmo
//<a id="home" href="/home">Home</a>

//possiamo anche farci ritornare il valore
$('a#home').attr('href');  //  /home

//come per il metodo precedente possiamo modificare più attributi contemporaneamente
$('a#home').attr({href:"/home.html", title:"home", target:"_blank"});


Initial URL

                                

Initial Description

                                

Initial Title
jQuery Manipulation 1

Initial Tags
jquery

Initial Language
JavaScript