jQuery – atrybuty i manipulacja (cz. II)

02.12.2009 - Rafał Polito
TrudnośćTrudność

Manipulacja atrybutami

jQuery ułatwia edycję, usuwanie, dodawanie i pobieranie wartości atrybutów.
Będziemy wykorzystywali w tym celu dwie metody:

- metoda nieprzeciążona removeAttr("atrybut") usuwa atrybut z elementu

- metoda przeciążona attr()pobiera wartość atrybutu z pierwszego elementu.

1
2
    var zmienna = $("div").attr("id");
    var druga_zmienna = $("#naglowek").attr("title");

Jako parametr dla attr() możemy podać zestaw atrybutów i ich wartości. Zestaw taki umieszczamy w nawiasach klamrowych, a kolejne pary atrybut-wartość oddzielamy przecinkami:

1
2
3
4
5
    $("img").attr({
        src: "/images/przycisk.jpg",
        alt: "Przycisk",
        title: "Przycisk"
    });

Wartość atrybutu możemy również zmienić za pomocą metody attr() podając atrybut i wartość jako argumenty tej metody:

1
    $("div:first").attr("id", "container");

Jako drugi parametr możemy podać dowolną funkcję zwracającą wartość:

1
2
3
    <img title="hat.gif"/>
    <img title="hat-old.gif"/>
    <img title="hat2-old.gif"/>
1
2
3
    $("img").attr("src", function() { 
            return "/images/" + this.title;
    });

Po omówieniu manipulacji atrybutami, możemy spokojnie zająć się manipulowaniem zawartością elementów. Po tym rozdziale będziemy już mogli zrobić ze swoją stroną naprawdę wiele.

2
Twoja ocena: Brak Ocena: 2 (1 ocena)

Copyright © 2008-2010 Wrocławski Portal Informatyczny

design: rafalpolito.com