JavaScript/jQuery (16) 썸네일형 리스트형 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 jQuery 선택자, 이전/다음 이전 요소 하나만 선택 $('h1').prev() 다음 요소 하나만 선택 $('h1').next() 이전 모든 요소를 선택 $('h1').prevAll() 다음 모든 요소를 선택 $('h1').nextAll() 요소사이의 모든 요소 선택 요소 바로 이전 요소부터 요소가 나타날 때까지의 모든 요소를 선택 $('h1').prevUtil('h2') 요소사이의 모든 요소 선택 요소 바로 다음의 요소부터 요소가 나타날 때까지의 모든 요소를 선택 $('h1').nextUntil('h2') jQuery 선택자, 부모 자식 parent, children 직계 부모 $('h1').parent() 모든 조상 $('h1').parents() 직계자식 span $(h1>span) $('h1').children() 전체 자식 span, 전체자식 $(h1 span) jQuery 선택자, $() 선택자, 다수 선택가능 id, class값으로 선택 및 태그를 추가해 조건을 추가할 수 있다. $('h1') $('h1, h2, h3') $('h1#id') $('#id') $('h1.class') $('.class') 이전 1 2 다음