jQuery

jQueryとは JavaScript のライブラリです。jQueryを利用することにより、HTML のDOM操作やAjaxの処理を簡潔に記述できます。

<script>

jQuery のライブラリをインポートする HTML の基本テンプレートを次に示す。

<!DOCTYPE html>
<html>
  <head>
    <script src="/js/jquery.min.js"></script>
  </head>
  <body>
    <!-- content -->
  </body>
</html>

CDN (Content Delivery Network) を通じて jQuery のライブラリをインポートする HTML の基本テンプレートを次に示す。

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous">
    </script>
  </head>
  <body>
    <!-- content -->
  </body>
</html>

:eq()

:eq(n) は、n 番目の要素にマッチする擬似クラスセレクタである。n は0始まりである。

1番目のli要素を指定する例を示す。

$('li:eq(0)')

:radio

:radioは、type属性がradioの要素にマッチする擬似クラスセレクタである。[type=radio]と同じである。

$('input:radio')