web advanced-02-jquery
TRANSCRIPT
Corso Data Journalist gen-mar 2017
TECNOLOGIE WEB AVANZATO
Libreria JQUERY
Jquery: sintassi di base
‘tag1’‘#id1’‘.class1’‘tag1.class1’
‘tag1 .class1
’‘tag1, tag2’…….
id2
$(selettore).azione()
tutti gli elementi con tag1l’elemento con id1gli elementi di class1gli elementi con tag1 e class1gli elementi con class1 discendenti di elementi con tag1gli elementi con tag1 e tag2
gli elementi con id2
selettori.click(function).hide(‘slow’).show(‘fast’).toggle().animate()
al click esegue la funzionenasconde lentamenteappare velocementeappare e scomparecrea una animazione
effetti
modifiche html
.text ()
.text(‘testo’)
.attr(attributo)
.attr(attributo, valore).css(proprietà).css(proprietà, valore)
‘get’ il contenuto elemento‘set’ ‘testo’ nell’elemento‘get’ il valore dell’attributo‘set’ il valore all’attributo
‘get’ il valore del parametro‘set’ il valore al parametro
LEZIONE 1..www.fordatascientist.orgI00-Web-Advanced
I11-Jquery-Introduction.ipynb
LEZIONE 1..www.fordatascientist.org
I00-Web-AdvancedI10-CreateEnv.ipynb
Dati di input: file json
Un file Json è un file di tipo testo che contiene dati espressi nella forma di dizionari e liste.
[ {‘XER’:’DEU’, ‘MER’:’FRA’, ‘VALUE’: 29333}, {‘XER’:’ITA’, ‘MER’:’FRA’, ‘VALUE’: 3246}, ….. ]
[0][‘VALUE’]
[1][‘XER’]
{ ‘XER’:[‘DEU’,’ITA’], ‘MER’:[’FRA’,FRA],’VALUE’:[29333,3246] ….. }
[‘XER’][0]
[‘VALUE’][1]