Problèmes auxquels vous devez prêter attention avec jquery selectors_jquery

Regardons d'abord un morceau de code, c'est très simple, comme suit

Copier le code Le code est le suivant :

111
222
333
effacer

Copier le code Le code est le suivant :

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

$("#div1 span") obtient un tableau de trois objets

1. Si vous exécutez $("#div1 span").html("aaa"), tous les objets du tableau changeront comme indiqué ci-dessous

.

2. Si vous exécutez $("#div1 span").html() et obtenez uniquement la valeur, seule la valeur du premier objet du tableau sera prise

Donc si le sélecteur est un tableau et que vous souhaitez opérer sur chaque élément du tableau, il est préférable d'utiliser each().

Il y a aussi certaines choses à noter

Précautions concernant les symboles spéciaux dans le sélecteur. Le sélecteur contient des caractères spéciaux tels que ".", "#", "(" ou "]". Selon la réglementation du W3C, les valeurs d'attribut ne peuvent pas contenir ces caractères spéciaux. Cependant , dans les projets réels, nous rencontrons parfois des caractères spéciaux tels que "#" et "." Si nous les traitons de la manière normale, une erreur se produira

.

La solution à ce type d'erreur est de s'échapper à l'aide d'un caractère d'échappement.

bb

cc

Ne peut pas s'écrire ainsi :

$('#id#b'); $('#id[1]');
Les symboles d'échappement doivent être utilisés :
$('#id\#b'); //Échapper au caractère spécial "#"
$('#id\[1\]'); //Échapper aux caractères spéciaux "[ ]"