jQuery セレクタ要素

HTMLタグから<>を除いたものが、要素セレクタです。ドキュメントの中で該当するタグで記述されたすべての要素にマッチします。

書式

$(' 要素名 ')

$('div')
$('p')
$('body')

サンプル

要素セレクタ。サンプルではセレクタにspanタグを設定し、文字色を変更しています。

<head>
    <meta charset="UTF-8">
    <title>テストページ</title>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <style>
      p {
        margin: 20px;
      }
      span{
        margin: 10px;
      }
    </style>
</head>
<body>
    <p>1.<span>span1</span></p>
    <p>2.<span>span2</span></p>
    <p>3.<span>span3</span></p>
</body>
<script>
  $(document).ready(function(){
      $('span').css('color','red');
  });
</script>

カテゴリー:JavaScriptjQueryセレクタ