jquery - より正確で効率的なセレクターは何ですか?

Question

$("select").change(function() {

                alert($("select option:selected").val());

            });

また

$("select").change(function() {

            alert($(this).attr("value"));

            });

アラートで使用されるセレクターを具体的に見ています。私のテストから、同じ正しい値が表示される結果が得られました。

Answer 1

それらは異なります。<option>最初のものは、DOM (<select>要素のいずれか)で最初に選択された値を取得します。

2 番目のものは問題なく動作します。もちろん、同じことを行うバリエーションがいくつかあります。

$("select").change(function() {
            alert($(this).val());
            });

$("select").change(function() {
            alert($('option:selected', this).val());
            });

カップルに名前を付ける

Answer 2

まず第一に、それらは同等ではありません。1 つ目は任意の 要素の選択されたオプションの値をselect提供し、2 つ目は変更したオプションのみの値を提供します。

したがって、絶対に 2 番目の例を使用する必要があります。