jQuery zmiana atrybutu

W odpowiedzi na dość sporą ilość wejść na moją stronę w związku z tym tematem, szybkie przypomnienie jak obsługiwać atrybuty w jQuery. Wykorzystujemy gotową funkcję attr, która w nawiasie przyjmuje dwie wartości: Nazwa atrybutu, wartość atrybutu. Warto pamiętać, że gdy dopisujemy w ten sposób np styl, czy klasy, usuwa on wszystko co było dotychczas w danym atrybucie i zapisuje na nowo wartość z funkcji.

htmlElement.attr('nazwa atrybutu','wartość atrubutu');
// przed <input id="myInput" style="width:50px;height:50px">
$('#myInput').attr('style','width:100px');
// po <input id="myInput" style="width:100px">
$('#myInput').attr('name','myName');
// po <input id="myInput" style="width:100px" name="myName">

W inpucie nie możemy bezpośrendio zmienić value. Polecam zajrzeć tutaj: Zmiana value w inpucie

About the author

Logos

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>