[JQUERY]선택자

해내면 그만!XX·2022년 4월 23일
0
selecer -> $() 선택자 
$('p'); 태그선택 $('[value="zero"]');

$('#zero > p'); 제로태그의 자식선택

$(':input'), $(':button'), $(':image'), $(':checkbox'), $(':radio'), $(':text'); 
// 각각 모든 인풋, 버튼, 이미지, 체크박스, 라디오, 텍스트인풋 태그를 선택합니다.

$(':odd'), $(':even'), $(':gt(순서)'), $(':lt(순서)'), $(':last') 
// 각각 홀수 번째, 짝수 번째 태그, 주어진 순서보다 순서가 큰 태그, 순서가 작은 태그, 선택된 것들 중에 마지막 태그를 선택합니다.

$(':focus'), $(':parent'), $(':empty');, $(':disabled'), $(':enabled'), $(':visible'), $(':hidden'); 
// 각각 현재 포커스된 태그, 자식이 하나라도 있는 태그, 자식이 없는 태그, 비활성화된 태그, 활성화된 태그, 투명이 아닌, 숨겨진 태그를 선택합니다.

$(':visible'), $(':checked'), $(':selected'), $(':only-child');, $(':first-child'), $(':last-child') 
// 각각 체크된(체크박스), 선택된(select), 부모의 유일한 자식인 태그, 첫 번째 자식인 태그, 마지막 자식인 태그를 선택합니다.

$(':nth-child(순서)'), $(':nth-of-type(순서)'), $(':eq(순서)'); 
// 각각 순서 번째 자식 태그, 해당 타입 중 순서 번째 자식 태그, 순서 번째 태그를 찾습니다. eq는 0부터 시작하고, nth-child는 1부터 시작합니다.

$(':has(선택자)'), $(':contains(텍스트)'); 
// 각각 선택자를 자식으로 갖고 있는 태그나 해당 텍스트를 갖고 있는 태그를 선택합니다.
좋은 점은 위의 선택자들을 조합할 수 있습니다. 
만약 태그 이름이 p면서 id는 zero고 checkbox인 태그를 선택하고 싶다하면 $('p#zero:checkbox'); 하면 됩니다. 
또한 여러 개의 선택자를 동시에 선택할 수 있습니다. 쉼표를 사용해서요. 
$('#zero, .nero, p') 하면 #zero와 .nero 그리고 p 태그를 모두 선택합니다.

$(document).ready(function() 사용해서 함수 사용하기

$(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미

 $(".btn_confirm btn_confrim1").on("click", function (e) 
 // 주로 이렇게 사용 on click

0개의 댓글