16 mar
SoQ – wstęp do biblioteki
Posted in JavaScript, Początkujący, Tworzenie www by Dealis Brak komentarzySoQ (skrót od “Simple of Queries”) – jest to lekka biblioteka dla języka JavaScript,
ułatwiająca korzystanie z JavaScript (w tym manipulację drzewem DOM).
Biblioteka ta pozwala osiągnąć interesujące efekty animacji, dodać dynamiczne zmiany strony, wykonać zapytania AJAX.
Większość pluginów i skryptów opartych o SoQ działa na stronach nie wymagając zmian
w kodzie HTML (np. zamienia klasyczne galerie złożone z miniatur linkujących do obrazków w dynamiczną galerię).
Wszystkie efekty osiągnięte z pomocą SoQ można osiągnąć również bez jej użycia, jednak kod okazuje się nieporównywalnie dłuższy i bardziej skomplikowany.
SoQ pozwala w wygodny i zrozumiały sposób korzystać z następujących funkcji:
- Selektory – umożliwiają wybranie dowolnego elementu DOM
- Atrybuty – SoQ pozwala przetwarzać atrybuty elementów dokumentu
- Manipulowanie modelem DOM
- Zmiana i przypisywanie stylów do elementów
- Rozbudowana obsługa zdarzeń
- Efekty – animacje
- AJAX – prosty interfejs realizujący asynchroniczne zapytania
Podstawowe cechy biblioteki:
- Jest znacznie szysbsza od jQuery
- Niezależność od przeglądarki – eliminuje konieczność dostosowywania kodu do różnych przeglądarek WWW
- Obsługa selektorów zgodna z CSS3
- Małe rozmiary – skompresowana wersja zajmuje tylko ~40KB
- Wygoda tworzenia wtyczek
Użycie
“Gdy dokument został załadowany…”
$.ready(function(){ /* Start dokumentu */ });
// lub
$(function(){ /* Start dokumentu */ });
Operacje DOM – wyszukiwanie elementów w dokumencie i ich zmiana
$("body").child("div.klasa").css("color:green; border:1px solid red;");
Animacje
$("div").anim("color:green; border-left:10px solid #CCC; padding-left:10px;");
Ajax – asynchroniczne zapytania
$.ajax({
url : 'plik.php',
type : 'post',
success : function(xhr){ alert(xhr.responseText); }
}).run();





Dodaj komentarz