タグの選択方法（子孫セレクター）

子孫セレクターは以下のようにして使用します。

$('タグ名 タグ名')

1	$('タグ名タグ名')

たとえば、divタグの中のpタグを選択したい場合は以下のようになります。

$('div p')

1	$('div p')

サンプルを以下に記載します。

<title>sample1</title>


function clickHide(){
        $('div p').hide();
}
function clickShow(){
        $('div p').show();
}
function clickClassHide(){
        $('div.test1 p').hide();
}
function clickClassShow(){
        $('div.test1 p').show();
}



<p>JRA</p>
<div class="test1">
<p>Japan Racing Association</p>
</div>
<p>DVD</p>
<div class="test2">
<p>Digital Versatile Disc</p>
</div>
<form name="test">
<div>


</div>
<div>


</div>
</form>

<title>sample1</title>

function clickHide(){

$('div p').hide();

}

function clickShow(){

$('div p').show();

}

function clickClassHide(){

$('div.test1 p').hide();

}

function clickClassShow(){

$('div.test1 p').show();

}

<p>Japan Racing Association</p>

</div>

<p>Digital Versatile Disc</p>

</div>

<div>

</div>

<div>

</div>

</form>