Advanced Search

jQuery Manipulation 1

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. //css methods
  2.  
  3. $('div').css('border','solid 1px #F00');
  4.  
  5. //WRONG
  6. $('div').css('border-bottom','solid 1px #F00');
  7. //RIGHT - si deve togliere il trattino e mettere il secondo termine in maiuscolo
  8. $('div').css('border','solid 1px #F00');
  9.  
  10. //è possibile applicare più volte il metodo
  11. $('div').css('position','absolute').css('zIndex',10).css('top',10);
  12.  
  13. //ma può essere scritto anche in questo modo:
  14. $('div').css({position:'absolute',zIndex:10,top:10});
  15.  
  16. //per una più facile lettura
  17. $('div').css({
  18. 	position:'absolute',
  19. 	zIndex:10,
  20. 	top:10
  21. });
  22.  
  23. //se vogliamo farci ritornare un valore dalla funzione css
  24. $('div#main').css('width'); 
  25.  
  26.  
  27. //attr methods
  28. //questo metodo permette di manipolare gli attributi in un file html
  29.  
  30. //se abbiamo il codice
  31. //<a id="home" href="/">Home</a>
  32. $('a#home').attr('href','home');
  33. //come risultato avremmo
  34. //<a id="home" href="/home">Home</a>
  35.  
  36. //possiamo anche farci ritornare il valore
  37. $('a#home').attr('href');  //  /home
  38.  
  39. //come per il metodo precedente possiamo modificare più attributi contemporaneamente
  40. $('a#home').attr({href:"/home.html", title:"home", target:"_blank"});
  41.  
  42.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.