반응형

<ul id="destinations">

<li>AAA</li

<li>BBB</li

<li>CCC</li

</ul>


destinations의 li를 전체 잡고 싶으면

$("#destinations li");


=======================================

<ul id="destinations">

<li>AAA</li

<li>

<ul id="france">

<li>BBB</li

</ul>

</li>

</ul>


france의 li를 전체 잡고 싶으면

$("#destinations > li");


=======================================


<ul id="destinations">

<li>AAA</li

<li>

<ul id="france">

<li>BBB</li

</ul>

</li>

<li class='promo'>Rio</li>

</ul>


promo와 france를 잡고 싶으면


$(".promo, #france");


=======================================


CSS-like pseudo classes


첫번째 li잡기(#0)

$("#destinations li:first");


가운데 li잡기(#1)

$("#destinations li:odd");


마지막 li잡기(#2)

$("#destinations li:last");


첫번째, 마지막 li잡기

$("#destinations li:even");


=======================================


1번 문제

$("#tours li")


2번 문제

$("#tours > li")


3번 문제

$(".asia, .sale")


4번 문제

$("#tours li:first")


5번 문제

$('#tours > li:even')


반응형

'Java > jQuery' 카테고리의 다른 글

1.2 Using jQuery  (0) 2014.02.19
1.1 What is jQuery?  (0) 2014.02.19

+ Recent posts