jQuery入門 - セレクタ
セレクタの基本
jQueryのセレクタを使って要素を選択する方法を学びます。
タスク
IDセレクタ
#を使用して特定のIDを持つ要素を選択します
クラスセレクタ
.を使用して特定のクラスを持つ要素を選択します
要素セレクタ
タグ名を使用して特定の要素を選択します
ヒント
jQueryのセレクタを使って要素を選択しましょう。
参考コード
$(document).ready(function() {
// 1. IDセレクタ
$('#select-main').click(function() {
$('#main-menu').addClass('selected');
});
// 2. クラスセレクタ
$('#select-all').click(function() {
$('.menu-item').addClass('highlight');
});
// 3. 要素セレクタ
$('#select-paragraphs').click(function() {
$('p').addClass('highlight');
});
});