jQuery(요소 찾기)

$기호 충돌

대괄호 밖의 $는 ``안의 변수를 나타내는 용도

 

대괄호 안의 $는 v변수를 jQuery 변수로 묶는 용도

 

-> 가독성이나 여러가지 측면에서 충돌이 날 가능성도 있다.

 

=> $.noConflick() 사용

---

선택자

셀렉터	설명
*	모든 요소
E1	태그명이 E1인 모든 요소
E1.class	E1요소 중 CLASS 속성값이 class와 같은 모든 요소
E1, E2	모든 E1요소와 모든 E2요소
E1 > E2	E1의 바로 아래 자식 요소 중 모든 E2요소 (자식)
E1 E2	E1의 자식 요소 중 모든 E2 요소 (후손)
E1+E2	E1의 바로 다음에 오는 형제요소 중 E2요소
E1~E2	E1의 다음에 나오는 형제요소 중 모든 E2요소

 

 

1. div~ span : 0번 div의 형제가 없기때문에 그 다음의 div의 형제요소들 중 span을 찾는다.

 

2. div > span : 0번 div의 자식요소들 중 span을 찾는다.

 

3. div + b : 0번 div는 형제가 없기 때문에 4번 div의 형제요소들 중 첫번째 b를 찾는다.

 

4. idv ~ b : 0번 div는 형제가 없기 때문에 4번 div의 형제 요소들 중 모든 b를 찾는다.

 

---

선택자 - 속성관련

셀릭터	설명
E1[attr]	attr속성을 갖는 모든 E1요소
E1[attr = val]	attr 속성 값이 val인 모든 E1요소
E1[attr ^= val]	attr 속성 값이 val으로 시작하는 모든 E1요소
E1[attr != val]	attr 속성 값이 val값과 같지 않은 모든 E1요소
E1[attr $= val]	attr 속성 값이 val으로 끝나는 모든 E1요소
E1[attr *=val]	attr 속성 값이 val을 포함하는 모든 E1요소
E1[attr |= val]	attr 속성 값이 val과 같거나 'val-'로 시작하는 모든 E1요소
E1[attr ~= val]	attr 속성 값이 공백으로 구분된 값(단어)을 가질 경우 구분된 값 중에 val값과 같은 값을 갖는 모든 E1요소

---

$("").on("click", function(){})

 

$("").click(function(){})

 

둘은 똑같은 기능을 하지만 on메소드를 사용해서는 안되는 경우가 있음

 

 

---

from(입력양식) 선택자

 

속성 선택자를 조금더 간단히 쓸 수 있다.

:Input	모든 Input, textarea, select, button 요소들과 일치
:text	text 타입의 모든 input 요소들과 일치
:password	password 타입의 모든 input요소들과 일치
:radio	radio 타입의 모든 input 요소들과 일치
:checkbox	checkbox타입의 모든 input 요소들과 일치
:image	image 타입의 모든 input 요소들과 일치
:reset	reset타입의 모든 input 요소들과 일치
:button	모든 button 요소들과 button 타입의 input 요소들과 일치
:file	file 타입의 모든 input 요소들과 일치