jQuery $('body,html')の意味

Question

いつもお世話になります。

早速質問ですが、
書籍にjQueryでページトップリンクを作るときのコード
$('#page-top').click(function () {
$('body,html').animate({　//bodyとhtmlの　
scrollTop: 0
}, 500);
return false;
});
というコードがあります。

２行目のセレクタ―
$('body,html')についてお伺いしたいのですが、
１．,(カンマ)が複数のセレクタ―を選択するときに使用すること、
２．また、セレクタ―を
$('html')に変更してもスクロールの動作をするが、
$('body')に変更するとスクロールの動作をしないことも分かりました。

質問は、
①そもそも$('body,html')とはどういったセレクタ―なのか
（bodyとhtmlって？）
②なぜ、
$('html')はスクロールの動作をするが、
$('body')ではスクロールの動作をしないのか

分かる方いらっしゃればご教授お願いできませんでしょうか？

参考図書『書籍名「動くWebデザインアイディア帳」413ページ』

Comments

[yambejp]

「${'body,html'}の意味」はあきらかに間違いで混乱の元なので正確に記載ください

[m.ts10806]

そもそも「セレクターとは」という部分がまだちゃんとおさえられてないからとかでは？

[susumu-99]

私の質問が混乱を招く質問の仕方だったみたいですいませんm(_ _)m
私としてはmaisumakunさんの回答で理解できたのですが、「意味」という表現力がおかしいということですか？

[susumu-99]

みなさん指摘ありがとうございました。
自分の間違いに気づかず、大変申し訳ありませんでしたm(__)m

[m.ts10806]

質問は編集できますのでタイトルだけでも調整してください。

[susumu-99]

修正できないと思っていましたが、修正できました。
重ね重ねすいません、ありがとうございました。

Answer 1

また、セレクタ―を$('html')に変更してもスクロールの動作をするが、$('body')に変更するとスクロールの動作をしないことも分かりました。

ブラウザによって$('html')で反応するものと$('body')で反応するものの両方があるので、どちらのブラウザでも動くように$('body,html')と書くことがあります。

Comments

[susumu-99]

maisumakunさんいつも回答ありがとうございます。
目から鱗の回答でした( ＾ω＾ )

ちなみに他の方がおっしゃるように、私の質問が混乱を招く書き方らしいのですが、どのあたりでしょうか？

[maisumakun]

> 私の質問が混乱を招く書き方らしいのですが

題名のカッコが違います。

[susumu-99]

間違い箇所教えていただきありがとうございました。
自分の間違いに気づかずすいません。

今後ともよろしくお願いします。