• Nie Znaleziono Wyników

Michał OkulewiczWarsaw University of TechnologyFaculty of Mathematics and Information ScienceM.Okulewicz@mini.pw.edu.pl JavaScript: jQuery

N/A
N/A
Info
Pobierz
Protected

Academic year: 2021

Share "Michał OkulewiczWarsaw University of TechnologyFaculty of Mathematics and Information ScienceM.Okulewicz@mini.pw.edu.pl JavaScript: jQuery"

Copied!
6
0
0

Ładowanie.... (Zobacz pełny tekst teraz)

Pobierz teraz ( 6 Stron )

Pełen tekst

(1)

JavaScript: jQuery

Michał Okulewicz

Warsaw University of Technology

Faculty of Mathematics and Information Science

(2)

jQuery: introduction

jQuery is a JavaScript library dedicated to easier operations on several HTML DOM elements in one function

Current version

1.x – supports IE 6, 7 and 8

2.x – does not support IE 6,7 and 8

jQuery hides browser specific functions and

(3)

jQuery: basic query

jQuery utilizes CSS selectors in $() function

$('li') instead of

document.getElementsByTagName('li')

$('ol ul li') instead of

very long plain JS code

(4)

jQuery

Applications

Applying styles/classes to all selected elements

Attaching events to all selected elements http://api.jquery.com/category/events/event-

object/

Animating selected elements

(5)

CSS styles and classes

$(selector/element).addClass(class)

$(selector/element).removeClass(class)

$(selector/element).css(style name, value)

(6)

JS events

$(selector/element).click(handler)

$(selector/element).submit(handler)

$(selector/element).keypress(handler) etc.

Cytaty

Pobierz teraz ( PDF - 6 Stron - 121.65 KB )

Powiązane dokumenty

Projekt JS 10 – jQuery Wprowadzenie

W efekcie ma powstać strona html (wykorzystująca technologie html+css+jQuery) pozwalająca dodawać/usuwać na stronie elementy typu DIV (które układają się sąsiadując –

Projekt JS 10 cz.2 – jQuery Wprowadzenie

Jak widać treść strony została zablokowana (podpowiedź: stało się tak, ponieważ powiększone zdjęcie wyświetliło się w DIVie, który ‘przykrył’ całą zawartość strony

JavaScript promises

– The task of the developer is to define the data necessary to compute a given value – One may think about it as an event-.

JavaScript – part I

– Clear error messages referring to other recently opened documents first – Recreate the error condition and observe the error details. • Sample

Introduction to JavaScript

• Since the JS code is interpreted by the web browser and may be used to modify HTML document it may help reduce the volume of server-side processing, thus:.

JavaScript: Events and DOM

• One of the key assumptions of DOM is that using DOM interfaces web developer can programmatically create or modify the whole document (in particular HTML

Maciej Grzenda & Michał OkulewiczWarsaw University of TechnologyFaculty of Mathematics and Information ScienceM.Grzenda@mini.pw.edu.plM.Okulewicz@mini.pw.edu.pl JavaScript: Canvas

HTML5 specification introduced (finally?) multimedia and more interactive content into HTML elements?.

Język JavaScript – opis języka (punkt 1), umieszczanie kodu JavaScript w plikach HTML i XHTML (2), przykłady skryptów

Using Navigator objects Navigator object hierarchy document properties: an example JavaScript reflection and HTML layout Key Navigator objects. Navigator's