jQuery Selector für serverseitige Steuerung

Question

Was ist der Unterschied zwischen $('#<%=lblName.ClientID%>') und $("[id$=lblName]")?

Answer 1

$('#<%=lblName.ClientID%>') finden ein Element mit dem id-Attribut wie von der Eigenschaft ClientID in ASP.Net bereitgestellt.

$("[id$=lblName]") wird ein Element mit einem id Attribute finden, die mit lblName endet, zum Beispiel foo-lblName.

Answer 2

$('#<%=lblName.ClientID%>') - # ist die ID selector, die von JQuery verwendet wird, um das Element mit ID zu identifizieren.

$("[id$=lblName]")-Will select all the elements with id attribute which ends mit lblName

Answer 3

ersten ($('#<%=lblName.ClientID%>')), id-Selektor, wird ein Element von seiner ID finden. Das ist sehr schnell, da es native verwendet document.getElementById

Zweite, Attribute Ends With selector, funktioniert auf andere Weise. In IE zum Beispiel wird es alle Elemente und Test-ID jedes Elements erhalten, wenn es mit bereitgestellten Wert (oder etwas Ähnliches) endet. Das ist viel langsamer. In neueren Browsern gibt es querySelectorAll, die möglicherweise verwendet werden, um ein Element von diesem Selektor zu finden, aber ich bin nicht sicher, ob es von diesen Funktionen unterstützt wird (Nun, here ist definiert wie vailid css3, also angenommen moderne Browser unterstützen endet mit Selektor in querySelectorAll).

Also abschließend sollte ID-Selektor in jedem Fall schneller und viel schneller im Falle von alten Browsern sein. Zur gleichen Zeit, endet mit Selektor können Sie ein Element finden, ohne seine Client-ID an den Browser übergeben.

Answer 4

Wenn ich nur hinzufüge, was ich heute kennengelernt habe, wird $('#<%=lblName.ClientID%>') nur ein Element auswählen, aber $("[id$=lblName]") wird mehr als ein Element auswählen, also wenn Sie dieselbe ID mehreren Elementen zugewiesen haben und wenn Sie alle Elemente durchlaufen möchten Dann wird der erste Fall nicht richtig funktionieren.