Programming/Frontend

반응형
▣ jQuery.noConflict() 
jQuery 라이브러리 이외에 타 라이브러리가 적용되어 있을 경우 $에 충돌을 방지하기 위해 

스크립트 선언부에 추가.

var $J = jQuery.noConflict();
$J("#ID").val()) //Selector 사용


반응형

jQuery Selector 정리

2013. 3. 24. 11:06
반응형
▣ jQuery 자주 사용되는 Selector
$('*') : 모든 요소를 선택
$('#lD') : 아이디가 lD 인 모든 요소 선택 (ex: $("[id='ID']"))
$('E') : 태그 이름이 E인 모든 요소 선택
$('.C') : 클래스 이름이 C가 지정된 모든 요소 선택
$('E.C') : E 요소 가운데 클래스 이름이 C인 모든 요소 선택
$('E > F') : E 요소의 자식 요소 가운데 다음에 위치하는 모든 F 요소 선택
$('E~F') : E의 형제 요소 가운데 다음에 위치하는 모든 F 요소 선택
$('E:has(F)') : F요소를 하나 이상 포함하는 E 요소 선택 (ex : $('div:has(p)').css();)
$('E[A=V]') : 속성 A의 값이 V인 모든 E 요소 선택
$('E[A^=V]') : 속성 A의 값이 V로 시작되는 모든 E 요소 선택
$('E[A$=V]') : 속성 A의 값이 V로 끝나는 모든 E 요소 선택 (ex: .net 서버컨트롤 선택 시 효과적임)
$('E[A*=V]') : 속성 A의 값이 V를 포함하는 모든 E 요소 선택
$('div:first') : 전체 리스트의 첫 번째 요소 선택
$('div:first-child') : 각 리스트의 첫 번째 요소 선택
$('div:last') : 전체 리스트의 마지막 요소 선택
$('div:last-child') : 각 리스트의 마지막 요소 선택
$('div:even') : 전체 리스트에서 짝수(even) 또는 홀수( odd) 번째 위치한 모든 요소 선택
$('div:nth-child(1)') : 각 리스트의 N번째에 해당하는 요소 선택
$('div:eq(1)') : 리스트 전체에서 N번째에 해당하는 요소 선택
$('div:gt(1)') : 리스트 전체에서 N번째 이후의 모든 요소 선택
$('div:lt(1)') : 리스트 전체에서 N 번째 이전의 모든 요소 선택


반응형
반응형
▣ textarea line 갯수 계산 textarea 영역에 Enter key 값을 계산 (Enter key 입력되지 않을 경우 라인 갯수가 올바르지 않음)
 
var tArea = $("#해당아이디")[0];
var tAreaLine = tArea.value.substr(0, tArea.selectionStart).split("\n").length;
반응형

'Programming > Frontend' 카테고리의 다른 글

[ajax] JSONP CROSS SITE 응답 받기  (0) 2014.02.12
jQuery에서 부모창 제어/접근(opener, parent)  (0) 2014.02.11
jquery hover 효과  (0) 2013.12.20
jQuery.noConflict() alias 사용  (0) 2013.03.24
jQuery Selector 정리  (0) 2013.03.24

+ Recent posts

반응형