[jquery 요소 정리] html, CSS 접근 방법

<div class='className' id='idName' name='names'></div>

 

id로 접근 #

$("#idName")

 

class로 접근 .

$(".className")

 

name으로 접근 input[name=name값]

$("input[name=names]")

 

CSS 관련 정의

 

모든 태그 설정

h1 { color: orange;}

 

클래스 설정

.import { color: orange;}

 

아이디 설정

#import {color: orange;}

 

자식 설정 (import클래스 내 i태그 설정)

.import i {color: orange;}

 

직속 자식 설정 (import클래스 내 바로 하위인 i태그만 설정)

.import > i {color: orange;} 

<div class="import">   <i>Inside 1</i>   <p>Bla bla <i>Inside 2</i></p>   <i>Inside 3</i> </div>

 

복수 설정 

.import, .import2 {color: orange;}

 

여러 조건 (import one 클래스인 경우)

.import.one {color: orange;}

<p class = "import one"> good <p>

 

n번째 자식1 (div1클래스 내 p태그 중 첫 번째 자식)

.div1 p:first-child {color: orange;}

 

n번째 자식2 (div1클래스 내 p태그 중 마지막이 아닌 자식)

.div1 p:not(last-child) {color: orange;}

 

마우스 올린 경우

h1:hover {color: orange;}