[causeyolo]

Takie pytanie, zoptymalizuj selektor:

$(".foo div#bar:eq(0)")

nie będzie to poprostu $("#bar") ?

#webdev #jquery #javascript

[handler]

@causeyolo: nie, bo on wyciąga 1 element

[Marmite]

@causeyolo: Będzie. O ile żaden cwaniak nie przypisze tych samych id wielu elementom ( ͡° ͜ʖ ͡°)

[entrop]

@causeyolo:

document.getElementById("bar");

bez jquery ( ͡° ͜ʖ ͡°) jeszcze lepsza optymalizacja

[f.....x]

@Marmite: @entrop: w sumie się zakałapućkałem :P

Zgodnie ze standardami które mówią ,że id ma być unikalny to zapis :

document.getElementById("bar");

lub

$("#bar")

jest poprawny i maksymalnie zoptymalizowany

Chyba czas na kawę ,bo jeszcze zamulony jestem :D

[entrop]

@Marmite: jak będzie kilka idów to i tak select pójdzie na pierwszy, więc spełnia przy okazji warunek eq(0) :P

[causeyolo]

@fotexxx: nie ma kontekstu, znalazłem repo z przykładowymi pytaniami na rozmowę kwalifikacyjną

https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/blob/master/Polish/README_PL.md

i to jest jedno z pytań. Wydaje mi się że skoro ID powinno być unikalne dla elementu, to zbędne są te informacje, a wg

http://24ways.org/2011/your-jquery-now-with-less-suck/

metoda $("#id") jest najszybsza, ale pytanie jest pewnie podchwytliwe więc pytam :P.

[Marmite]

@entrop: Rację prawisz.

[f.....x]

@causeyolo: tak już się poprawiłem :) Dopiero co wstałem :) Jeszcze krew mi do mózgu nie dotarła :D

[Marmite]

metoda $("#id") jest najszybsza

@Marmite: Różnica i tak będzie na korzyść

document.getElementById

bo jQuery oprócz wywołania tej metody musi jeszcze zastosować pewną abstrakcję.

[causeyolo]

@fotexxx: @entrop: @Marmite: ok dzięki za szybką odp.

[Lipathor]

$(".foo div#bar:eq(0)")

@causeyolo: a nie $(".foo").find("div#bar:eq(0)") ? Nie jestem miszczem frontendu ale jakiś ziom prawił mi onegdaj że to szybsze jest

[o.....r]

@causeyolo: Generalnie to tak, można uprościć, ale nie jest prawdą, że jak w #id jest ostatnim składnikiem selektora to resztę można wywalić. Np w przypadku klas nadawanych dla body

body
```**```
.home 
```#```
sidebar {

    
```**```
display
```**```
: 
```**```
none
```**```
;

}