jquery selectors_jquery で注意する必要がある問題

まずコードの一部を見てみましょう。コードは次のように非常に簡単です

コードをコピーします コードは次のとおりです:

111
222
333
クリア

コードをコピーします コードは次のとおりです:

$(function() {
$("#button1").click(function() {
$("#div1 スパン").html("aaa");
});
});

$("#div1 span") は 3 つのオブジェクトの配列を取得します

1. $("#div1 span").html("aaa") を実行すると、以下のように配列内のすべてのオブジェクトが変更されます。

2. $("#div1 span").html() を実行して値のみを取得すると、配列内の最初のオブジェクトの値のみが取得されます。

したがって、セレクターが配列であり、配列の各要素を操作したい場合は、 each() を使用するのが最善です。

注意事項もございます

セレクター内の特殊記号に関する注意事項 セレクターには「.」、「#」、「(」、「]」などの特殊文字が含まれています。W3C の規定により、属性値にこれらの特殊文字を含めることはできません。 , 実際のプロジェクトでは、式の中に「#」や「.」などの特殊文字が登場することがありますが、これを通常の方法で処理するとエラーが発生します

。

このタイプのエラーの解決策は、エスケープ文字を使用してエスケープすることです。

bb

cc

次のようには記述できません:

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

エスケープ記号を使用する必要があります:
$('#id\#b'); //特殊文字「#」をエスケープします
$('#id\[1\]'); //特殊文字「[ ]」をエスケープします