Probleme, auf die Sie bei jquery selectors_jquery achten müssen

Schauen wir uns zunächst einen Code an, der ganz einfach ist, wie folgt

Code kopieren Der Code lautet wie folgt:

111
222
333
clear

Code kopieren Der Code lautet wie folgt:

$(function() {
$("#button1").click(function() {
​​​​​ $("#div1 span").html("aaa");
});
});

$("#div1 span") ruft ein Array aus drei Objekten ab

1. Wenn Sie $("#div1 span").html("aaa") ausführen, ändern sich alle Objekte im Array, wie unten gezeigt

2. Wenn Sie $("#div1 span").html() ausführen und nur den Wert erhalten, wird nur der Wert des ersten Objekts im Array übernommen

Wenn der Selektor also ein Array ist und Sie jedes Element des Arrays bearbeiten möchten, verwenden Sie am besten every().

Es gibt auch einige Dinge zu beachten

Vorsichtsmaßnahmen für Sonderzeichen im Selektor. Der Selektor enthält Sonderzeichen wie „.“, „#“, „(“ oder „]“. Gemäß den W3C-Vorschriften dürfen Attributwerte diese Sonderzeichen nicht enthalten In tatsächlichen Projekten stoßen wir gelegentlich auf Sonderzeichen wie „#“ und „.“ Wenn wir sie auf normale Weise verarbeiten, tritt ein Fehler auf

.

Die Lösung für diese Art von Fehler besteht darin, mit einem Escape-Zeichen zu maskieren.

bb

cc

Kann nicht so geschrieben werden:

$('#id#b'); $('#id[1]');

Es sollten Escape-Symbole verwendet werden:
$('#id\#b'); //Escape des Sonderzeichens „#“
$('#id\[1\]'); //Escape-Sonderzeichen „[ ]“