web advanced-02-jquery

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]

CONTATTI TELEFONO

051 22 35 20

EMAIL WORKSHOP@VICEM.IT