jQueryを使用してHTMLのボディ要素を取得する方法

1. jQueryをHTMLファイルにロードします。以下のようなスクリプトタグをHTMLのセクションまたはセクションに追加します。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2. jQueryのドキュメントの準備ができたら、以下のようなコードを使用してボディ要素を取得します。

$(document).ready(function() {
  var bodyElement = $('body');
  console.log(bodyElement);
});

上記のコードでは、jQueryのセレクタを使用してボディ要素を取得し、変数bodyElementに格納しています。console.log()を使用して、取得した要素をコンソールに出力しています。

3. ボディ要素を操作したり、属性を変更したりする場合は、bodyElementを使用して操作を行います。たとえば、ボディ要素の背景色を変更する場合は、以下のようなコードを使用します。

bodyElement.css('background-color', 'red');

上記のコードでは、css()メソッドを使用してボディ要素の背景色を赤色に変更しています。

以上が、jQueryを使用してHTMLのボディ要素を取得し、操作する方法です。必要に応じてコードを調整してください。