Korzyści z używania attr() nad addClass w jquery

Question

Jakie są zalety używania attr() zamiast używania addClass() w jquery?

Answer 1

Gdy używasz metody attr do ustawienia klasy dowolnego elementu, zastąpi ona istniejącą nazwę klasy dowolną wartością, którą przekazujesz jako drugi argument metody attr.

Jeśli używasz metody addClass do dodania dowolnej klasy do elementu, to po prostu dodasz klasę i zachowasz istniejące klasy. Jeśli klasa do dodania już istnieje, po prostu ją zignoruje.

E.g.

<div id="div1" class="oldClass"></div> 

Korzystanie $('#div1').attr('class', 'newClass') da

<div id="div1" class="newClass"></div> 

Gdzie, jak przy użyciu $('#div1').addClass('newClass') dadzą

<div id="div1" class="oldClass newClass"></div> 

Tak jest zawsze adviseable używać addClass/removeClass do manupulate klas elementów HTML za pomocą jQuery. Ale na końcu zależy to od wymagań, jakich użyć, kiedy.

Answer 2

attr (a, b) ustawia atrybut "a" elementu na "b".

addClass (a) dodaje klasy "A" do elementu

na przykład ...

html

<div id="box" class="myClass"></div> 

Script

$("#box").attr("class", "myOtherClass"); 

Wynik

<div id="box" class="myOtherClass"></div> 

I ...

Html

<div id="box" class="myClass"></div> 

Script

$("#box").addClass("myOtherClass"); 

Re DOPROWADZIĆ

<div id="box" class="myClass myOtherClass"></div> 

jQuery Linki:

http://api.jquery.com/attr/

http://api.jquery.com/addClass/

Answer 3

.addClass() jest znacznie lepsza pod kątem wydajności.

Sprawdz ten przewodnik do wykonywania jQuery: http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/

Jeden z moich ulubionych artykułów.

Answer 4

addClass() ma kilka zalet w stosunku do manipulowania klasę z attr('class'):

• To semantycznie jaśniejsze.addClass i removeClass manipulują atrybutem elementu class (lub właściwością className) i to wszystko. Trochę trudniej jest im sprawić, by kodeks był dla ciebie kłamstwem. Jeśli powiesz, że $whatever.addClas("selected"), otrzymasz błąd runtime, ale jeśli powiesz $whatever.attr('clas', 'selected'), to po prostu nie wydaje się nic. Nadal "działa" z punktu widzenia JS, bo kto wie? Możesz chcieć, aby ustawić atrybut clas. Takie rzeczy zdarzają się, gdy próbujesz użyć szwajcarskiego scyzoryka jako otwieracza do puszek.

• Działa z wieloma klasami. Jeśli używasz attr do dodawania i usuwania klas CSS, a będzie ich więcej niż jeden (co jest dość powszechne), musisz wykonać pewne przetwarzanie ciągów, aby nie przeszkadzać innym zastosowanym klasom lub mieć ta sama klasa powtórzona 50 razy. addClass i removeClass zrób to za Ciebie.

• To najwyraźniej o wiele szybciej.

Nie mogę myśleć o żadnych korzyści z attr('class'...) ponad addClass. Ogólnie rzecz biorąc, attr jest, gdy nie masz innego wbudowanego sposobu manipulowania atrybutem. W tym przypadku robisz, więc powinieneś tego używać.

Answer 5

Jedyna korzyść z attr() Wiem, że jeśli działa z SVG, addClass() nie.

Ta odpowiedź ma pewne szczegóły https://stackoverflow.com/a/10257755/2393562