O primeiro exemplo $('div[name=name[1]]');
está incorrecto, e dá o erro
unrecognized expression: div[name=name[1]]
.
As outras opções estão correctas, se bem que por razões ligeiramente diferentes.
Explicação:
$('div[name="name[1]"]')
é ok de usar porque o jQuery trataname[1]
como uma string, uma vez que está dentro de aspas, e não como um selector CSS/jQuery, e assim não precisa de ser blindado com o escape \\
.
$('div[name="name\\[1\\]"]')
, funciona, mas não precisa de \\
. O jQuery lê o o selector name\\[1\\]
como uma string pois está dentro de aspas, e no javascript a barra invertida faz com que a segunda barra seja ignorada\
resultando em \[
, que por sua vêz é o mesmo que [
. Assim este exemplo tem barras invertidas sem necessidade.
$('div[name=name\\[1\\]]')
é ok e os parentes rectos internos []
têm de ser blindados com barras invertidas desse modo para não serem confundidos com selectores CSS/jQuery.
Da documentação do jQuery:
Para se usar qualquer um dos seguintes meta-caracteres !"#$%&'()*+,./:;<=>?@[]^`{|}~
como parte de um nome, têm de ser blindado com duas barras invertidas, barras à esquerda: \\.
Mais leitura (em Inglês):