web advanced-02-jquery

6
Corso Data Journalist gen-mar 2017 TECNOLOGIE WEB AVANZATO Libreria JQUERY

Upload: studiabo

Post on 12-Apr-2017

6 views

Category:

Software


0 download

TRANSCRIPT

Page 1: Web advanced-02-jquery

Corso Data Journalist gen-mar 2017

TECNOLOGIE WEB AVANZATO

Libreria JQUERY

Page 2: Web advanced-02-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

Page 3: Web advanced-02-jquery

LEZIONE 1..www.fordatascientist.orgI00-Web-Advanced

I11-Jquery-Introduction.ipynb

Page 4: Web advanced-02-jquery

LEZIONE 1..www.fordatascientist.org

I00-Web-AdvancedI10-CreateEnv.ipynb

Page 5: Web advanced-02-jquery

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]

Page 6: Web advanced-02-jquery

CONTATTI TELEFONO

051 22 35 20

EMAIL [email protected]