JavaScript (63) 썸네일형 리스트형 jquery 위치 탐색 선택자 nth-child() n번째, n의배수 요소 선택 $('li:nth-child(2)') 문서 내 모든 li 요소 중에서 2번째 자식 요소를 선택 $('li:nth-child(2)').addClass('selected'); $('li:nth-child(2n)') 문서 내 모든 li 요소 중에서 2의 배수요소를 선택 $('li:nth-child(2n)').addClass('selected'); jquery 위치 탐색 선택자 only-child() 유일한 요소 선택 $('li:only-child') 문서 내 모든 li 요소 중 형제 요소가 없는 유일한 자식 요소를 선택 $('li:only-child').addClass('selected'); *유일한 자식요소 아래처럼 형제가 없는 요소를 말한다. 첫 번째 요소 두 번째 요소 세 번째 요소 유일한 요소 jquery 위치 탐색 선택자 eq() index로 선택한다. $('li:eq(2)') 문서 내에서 세 번째 li 요소를 선택 $('li:eq(2)').addClass('selected'); $('li').eq(2): 문서 내에서 세 번째 li 요소를 선택 $('li').eq(2).addClass('selected'); jquery 위치 탐색 선택자 gt() n번째 요소 이후의 모든 요소 선택 $('li':gt(1)) 문서 내에서 두 번째 li 요소 이후의 모든 li 요소를 선택 $('li:gt(1)').addClass('selected'); jquery 퀴즈 구현하기, 정답 출력 html() text() html 작성 script 작성 var i = 0; function btn() { i+=1; if(i==1){ $('.btn_img').html("") } if(i==2){ $('.btn_img').html("") i = 0; } $('.btn_txt1').text($('#input1').val()); $('.btn_txt2').text("땡! 둘다 나옵니다."); } 자바스크립트로 무지개만들기, 배열값 css 속성으로 적용하기 jquery append nth-child() .css() for문 each() div .outer를 만들어 영역을 만들자. jquery연결후 color에 색상값을 담은 배열을 만들어 .outer 영역에 div코드를 append하고 동시에 css를 추가한다. jQuery 선택자, closest 조상요소중 가장 처음으로 일치하는 요소 요소의 가장 가까운 조상 요소 중에서 가장 먼저 나타나는 요소를 선택 $('h1').closest('span') jQuery 선택자, 형제 인접한 형제 요소 중 선택 요소 바로 다음에 나타나는 첫 번째 요소를 선택 $('h1+h2') 모든 요소의 형제 요소를 선택 $('p').siblings 이전 1 ··· 3 4 5 6 7 8 다음
