● jQuery 기본 선택자 > JQUERY

• 목록

ex)

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 

<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>

<script>

$(document).ready(function(){

$(".logo").css("border","4px solid yellow"); //class 선택자

$("#logo").css("border","4px solid red"); //id 선택자

$("p").css("border","4px solid blue"); //태그 선택자

$("#abc").css("border","4px solid pink"); //id 선택자

$("#abc ul").css("border","4px solid purple"); //하위 선택자

$("#abc > ul > li").css("border","4px solid green"); //자식 선택자

$("div.pkt").css("border","4px solid black"); //div 요소 중 class가 pkt인 요소를 선택 

});

</script>

<div class="logo">.logo(class)</div>

<div id="logo">#logo(id)</div>

<p>&lt;P&gt;상,하 여백</p>

<div id="abc">

<ul>과일

<li>바나나</li>

<li>복숭아</li>

</ul>

<li>해당안됨</li>

</div>

<div class="pkt">div.pkt</div>

 [실행결과]