Polecają:

Jak skutecznie programować stosując jQuery – część IV – Zaznaczamy z czym działamy

06 marca 2011 § 2

jquery
Oto czwarta część kursu jQuery. Ten post ma tytuł „Zaznaczamy z czym działamy” i będzie tłumaczył w jaki sposób zaznaczamy określony element naszej strony w jQuery, z którym będziemy pracować.

Abyśmy mogli zmieniać kolory, widoczność, dodawać, usuwać elementy itp. nasz wspaniała biblioteka musi wiedzieć na czym konkretnie ma wykonać zapisane przez nas działanie.

Zacznijmy może od takiego skrótu – DOM (Document Object Model), czyli model obiektów dokumentu. Opis tego modelu to temat na osobny post. Nas na obecną chwilę niech interesuje tylko, że dzięki temu, że nasz plik html posiada DOM (on tam po prostu jest, nie trzeba nic dodatkowo robić), będziemy bez problemu mogli zaznaczać określone rzeczy na naszej stronie.

Pamiętaj! Wszystkie poniższe elementy kodu będą zapisane w naszym pliku script.js wewnątrz tego bloku kodu:

$(document).ready(function(){
//tutaj piszemy nasz kod!!!
});

Jeżeli znasz podstawy CSS (kaskadowych arkuszy stylu) to zaznaczanie elementów strony korzystając z jQuery będzie dla Ciebie bardzo proste. Zasada jest taka sama w wielu przypadkach. Jeżeli chcesz zaznaczyć wszystkie paragrafy na naszej stronie zrobisz to tak:

$('p')

I dalej kilka przykładów w przypadku korzystania z klas, id, a nawet określonych atrybutów:

//zaznaczamy wszystkie odnośniki
$('a')
//zaznaczamy wszystkie elementy o klasie np. navigation
$('.navigation')
//zaznaczamy wszystkie elementy o id np. header
$('#header')
//zaznaczamy wszyskie elementy o określonym atrybucie, 
//w tym przypadku odnośniki do index.htm
$('a[href="index.htm"]')

W momencie kiedy piszę ten post w jQuery nie można jeszcze używać pseudo selektorów, więc niestety nie jesteśmy w stanie zaznaczać elementów typu:

a:hover

Na chwilę obecną te informacje są wystarczające, żeby zacząć pracować z jQuery i zastosować pierwsze funkcje. Już wkrótce.

Jak skutecznie programować stosując jQuery

>> część I – Co to i po co?
>> część II – Gdzie znaleźć jQuery i jak je stosować?
>> część III – Dokument gotowy proszę pana
>> część IV – Zaznaczamy z czym działamy
>> część V – Filtrujemy zaznaczenie do konkretnych zapytań

Tagged:

§ 2 komentarzy do “Jak skutecznie programować stosując jQuery – część IV – Zaznaczamy z czym działamy”

Co to za artykuł?

Obecnie czytasz Jak skutecznie programować stosując jQuery – część IV – Zaznaczamy z czym działamy w Lime Factory.