jQuery セレクタ id

「#」はid属性を指定するセレクタです。id属性は、ドキュメント内で必ず一意になるように定義されていなければなりません。つまり、このセレクタでは、選択される要素は必ず1つです。複数の要素に同じid名を付けることはできません。

書式

$('#id名')
$('#content')

サンプル

id属性による選択。サンプルでは、id属性に「select」と設定したp要素だけ、クリックボタンをクリックすると赤い線で囲われるよう記述しています。

<body>
    <button>クリック</button>
    <p>1</p>
    <p id="select">2</p>
    <p>3</p>
</body>
<script>
  $(document).ready(function(){
    $('button').on('click',function(){
      $('#select').css('border','1px solid red');
    });
  });
</script>
実行結果
初期画面
実行結果
クリックボタンをクリック