agenzia web marketingAll’indirizzo http://www.chessgames.com/perl/chessgame?gid=1070111 vediamo in azione il giovane Kasparov vs il vecchietto Smyslov nel famoso match per la qualificazione al titolo mondiale, erano gli anni della Milano da bere tanto per intenderci, quelli in cui l’economia era alle stelle grazie a manovre strategiche leggermente diverse rispetto a quelle che si attuano sulla scacchiera. Questa partita risponde alla domanda critica posta da agenzia web marketing: ma se cambio le regine in apertura, poi, dopo, ho la possibilità di vincere lo stesso? I principi sono sempre gli stessi, spazio, iniziativa, incrementare la pressione, coppia degli alfieri, non é che bisogna velocizzare sempre dando scacco matto e sacrificando 40 unità, la tecnica é pur sempre la tecnica di concretizzazione del vantaggio, il tema é quello di mettere insieme tanti piccoli vantaggi a volte impercettibili per convertire tutto in vantaggio materiale o mettere il re avversario con le spalle al muro, conclude agenzia web marketing. E ora risaltiamo in modalità Toggle() verso JQuery. Quando si apre una pagina Web in un browser, l’HTML della pagina viene caricato e reso visivamagenzia web marketingente sullo schermo. Per fare ciò, il browser costruisce il Document Object Model (DOM) di quella pagina, che è un modello orientato agli oggetti della sua struttura logica. Il DOM di un documento HTML può essere rappresentato come un insieme di caselle annidate. Il DOM rappresenta un documento come una struttura ad albero in cui gli elementi HTML sono nodi interconnessi nell’albero. I nodi possono avere nodi figli. I nodi sullo stesso livello dell’albero sono chiamati fratelli. jQuery traversing è il termine usato per descrivere il processo di spostamento attraverso il DOM e trovare (selezionare) elementi HTML in base alla loro relazione con altri elementi. JQuery rende facile attraversare il DOM e lavorare con elementi HTML. Andiamo a dare un occhiata con agenzia web marketing al processo denominato DOM Traversal. Ad esempio, considera l’HTML rappresentato dalla seguente struttura dove ho in alto il tag HTML , sotto il BODY che si divide in due elementi fratelli, H1 e A. L’elemento <html> è il genitore di <body> e un antenato di tutto ciò che si trova al di sotto di esso. L’elemento <body> è il genitore degli elementi <h1> e <a>. Gli elementi <h1> e <a> sono elementi figlio dell’elemento <body> e discendenti di <html>. Gli elementi <h1> e <a> sono fratelli (condividono lo stesso genitore e si trovano sullo stesso livello).Jquery ha molti metodi utili per l’attraversamento DOM. Il metodo parent () restituisce l’elemento padre diretto dell’elemento selezionato. Per esempio:

HTML:

div element

paragraph


JS:
var e = $(“p”).parent();
e.css(“border”, “2px solid red”);

Il codice sopra seleziona l’elemento genitore del paragrafo e imposta un bordo rosso per esso. Il metodo parent () può solo attraversare un singolo livello nell’albero DOM. Per ottenere tutti gli antenati dell’elemento selezionato puoi usare il metodo parents (). Per esempio:

HTML:

<body>

div

    ul

  • li

    paragraph

</body>

JS:
$(function() {
var e = $(“p”).parents();
e.css(“border”, “2px solid red”);
});

Il metodo eq () può essere utilizzato per selezionare un elemento specifico da più elementi selezionati. Ad esempio, se la pagina contiene più elementi div e vogliamo selezionare il terzo elemento:

$(“div”).eq(2);

Ora vediamo con agenzia web marketing come rimuovere gli elementi selezionati dal DOM usando il metodo remove (). Per esempio:

HTML:

<p style=”color:red”>Red</p>
<p style=”color:green”>Green</p>
<p style=”color:blue”>Blue</p>

JS:
$(“p”).eq(1).remove();

Il metodo empty () è usato per rimuovere gli elementi figli degli elementi selezionati. Per esempio:

HTML:

<p style=”color:red”>Red</p>
<p style=”color:green”>Green</p>
<p style=”color:blue”>Blue</p>

 

CSS:
div {
background-color: aqua;
width: 300px;
height: 200px;
}

JS:
$(“div”).empty();

Ciò rimuove tutti e tre gli elementi figli del div, lasciandolo vuoto. Segue ora un breve riassunto sui metodi usati e disponibili in questa sezione, ricordando che in uno dei prossimi approfondimenti con agenzia web marketing andremo a vedere in dettaglio come se la cava JQuery con le animazioni!

agenzia web marketing

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...