[jQuery] 많이 쓰이는 선택자 정리

*

jquery 많이 쓰이는 선택자 재정리

- E F : E의 자손이면서 태그 명이 F인 

- E>F : E의 바로 아래 자식이면서 태그 명이 F인 

- E+F : E의 형제 엘리먼트로 바로 다음에 오는 엘리먼트 F

- E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F

- E : has(F) : 태그 명이 F인 자손을 하나 이상 가지는 태그명이 E인

- E.C : 클래스 명 C를 가지는 태그명이 E인 모든 엘리먼트

- E:first : 모든 E 중에서 첫 번째인 

- E:last : 모든 E 중에서 마지막인

- E:first-child : E의 자식 엘리먼트중 첫번째

- E:last-child : E의 자식 엘리먼트 중 마지막

- E:only-child : E의 자식 엘리먼트 중 형제가 없는

- E:nth-child(even or odd) : E의 n번째 자식 혹은 짝수/홀수

- E:even or E:odd : 페이지 전체의 짝수 / 홀수 

- E:eq(n) : 태그 값이 E인 모든 엘리먼트 중 n번째로 일치하는 

- E:gt(n) : 태그 값이 E인 모든 엘리먼트 중에서 n번째 엘리먼트(포함 X) 이후의 엘리먼트

- E:lt(n) : 태그 값이 E인 모든 엘리먼트 중에서 n번째 엘리먼트 이전의 엘리먼트

자주 사용되는 함수

- each(Function) : 선택된 엘리먼트가 다수일 경우 each함수를 사용하여 차례대로 선택

- attr(name,value) : 선택된 엘리먼트의 name을 value로 설정

- attr(name) : 선택된 엘리먼트의 name값을 얻어옴

- attr(Attributes) : 선택된 엘리먼트를 프로퍼티(json)형태로 설정

- val() : 엘리먼트의 value 값을 얻어옴 ( = attr("value") )

- val(content) : 엘리먼트의 value값을 content로 설정

- removeAttr(name) : 해당 값이 초기화됨

- addClass(name) / removeClass(names) / togglesClasS(names)

- css(name, value) : 선택된 엘리먼트의 name 값을 value로 설정

- css(properties) : {"name" : "value", "name2" : "value2", ...} 와 같은 형태로 설정 

- css(name) : 특정 name의 프로퍼티의 스타일 값을 얻을 수 있음.

- width(value) / height(value) / width() / height() / offset().left  /  offset().top

- html() : 선택된 엘리먼트 태그 내용을 얻을 

- html(content) : 선택된 엘리먼트의 태그 내용을 content로 설정

- text() : 선택된 엘리먼트의 태그 내용 중 텍스트 값만 얻을 수 있음

- text(content) : 선택된 엘리먼트의 태그 내용을 content로 설정

- append(content) : 선택된 엘리먼트의 내용 마지막에 새로운 content를 추가

- appendTo(target) : 선택된 엘리먼트가 단일이면 target으로 이동시키고 다수라면 복사

- prepend(content) : 앞으로 추가됨

- prependTo(target) : 앞으로 복사 또는 이동

- before() , insertBefore() / after() , insertAfter() 

- wrap(wrapper) / wrapAll(wrapper)

- remove() : 페이지 DOM에서 확장 집합의 모든 엘리먼트를 삭제

- empty() : 일치하는 집합의 모든 엘리먼트의 Content를 제거

그 밖에

- size() : 해당 엘리먼트의 개수를 반환

- get(index) : 확장 집합에서 index번째의 엘리먼트를 가져옴(배열과 유사)

- get() : 모든 확장 엘리먼트를 일반 자바스크립트 배열로 얻음

- index(element) : 확장 집합에서 특정 에리먼트의 index값을 가져옴

- add(element) : 기존의 확장 집합에 다른 엘리먼트를 추가

- filter(expression) : 기존 확장 집합에서 expression와 일치하는 엘리먼트를 가져옴

- not(expression) : 기존 확장 집합에서 expression와 일치하는 엘리먼트를 제외시킴

- find(select) : 기존의 확장 집합에서 selector와 일치하는 엘리먼트들로 새로운 확장 집합을 생성

- is(selector) : 기존의 확장집합에서 selector와 일치하는 엘리먼트가 있다면 true, 없다면 false 반환

- end() : 이전 확장 집합을 반환

- children() : 확장 엘리먼트의 고유한 자식으로 구성된 확장 집합 반환

- contents() : 엘리먼트의 콘텐츠로 구성된 확장 집합을 반환

- next() : 확장 집합 내의 각 확장 엘리먼트 바로 다음에 나오는 형제로 구성된 확장집합을 반환

- nextAll() : 확장 집합 내의 각 확장 엘리먼트 바로 다음에 나오는 모든 형제로 구성된 확장집합을 반환

- parent() : 바로 위 부모로 구성된 확장집합을 반환

- parents() : 바로 위 부모와 모든 조상이 포함하는 확장집합을 반환

- prev() : 바로 이전에 나오는 형제로 구성된 확장집합을 반환

- prevAll() : 이전에 나오는 모든 형제로 구성된 확장집합을 반환

- siblings() : 확장 엘리먼트 내에 모든 형제를 포함한 확장집합을 반환

*

JSTL 태그 <c:foreach> 태그 상태 속성

<c:forEach var="off" items="${offenses}" varStatus="index">

- ${index .current} : 현재아이탬

- ${index .index} : 0부터의 순서

- ${index .count} : 1부터의 순서

- ${index .first} : 현재 루프가 처음인지 반환

- ${index .last} : 현재 루프가 마지막인지 반환

- ${index .begin} : 시작값

- ${index .end} : 끝값

- ${index .step} : 증가값

[출처] [jquery] 선택자 정리|작성자 dmswn11kr