jQuery 라이브러리 실습
태그 b가 내부에 있는 모든 단락 p를
태그 div로 감싸세요.
클래스 www를 가진 모든 단락 p를 찾아,
그들 앞에 '!' 텍스트를 넣고, 그런 다음 이러한 단락에
제목 h1-h6도 추가하고
이 단락들과 제목들을 빨간색으로 칠하세요.
모든 단락 p를 찾아 그 내용을 그대로 유지한 채
태그 div로 교체하세요.
요소 #test가 주어졌습니다. 그 바로 위 이웃에는 텍스트 '!'를,
아래 이웃에는 텍스트 '?'를 설정하세요. 하나의 체인으로 문제를 해결하세요.
요소 #test가 주어졌습니다. 그 바로 위와 아래 이웃에
요소 #test의 텍스트를 설정하세요.
요소 #test가 주어졌습니다. 그 위 이웃들 중
가장 가까운 단락을 찾아 그 단락에 요소
#test의 텍스트를 설정하세요.
페이지에서 두 번째 li를 찾아
클래스 www를 추가하고, 그 안쪽을
태그 i로 감싸고, 그 뒤에
텍스트 '안녕하세요'가 있는 li를 삽입하세요.
페이지에서 열 번째 li를 찾아
그 부모를 찾고, 부모의 바로 위 이웃을 가져와
<div class="www"></div>로 감싸세요.
클래스 www가 없는 단락 p를 제외한 모든 단락에
그 끝에 순서 번호를 추가하세요.
모든 단락 p를 찾아
각 단락 앞에 그 복사본을 놓으세요. 복사본은 빨간색으로,
원래 단락은 녹색으로 칠하세요.
h2 바로 아래에 있는
단락 p를 찾아 각 단락을
h2 바로 위에 오도록 이동시키세요.
모든 빈 단락 p
(텍스트 없는)을 찾아 그 안에
바로 위 이웃의 텍스트를 삽입하세요.
태그 b의 부모가
클래스 www를 가진 요소이거나 단락
p인 경우, 빨간색으로 칠하고
텍스트 크기를
30px로 설정하세요.
모든 빈 단락 p에
그들 위에서 가장 가까운 태그 h2의 텍스트를 설정하세요.
숫자가 있는 입력 상자들이 주어졌습니다. 입력 상자 안에 그 숫자들의 제곱이 들어가도록 만드세요.
요소 #test가 주어졌습니다. 그 시작 부분에
바로 위 이웃의 텍스트를, 끝 부분에
- 바로 아래 이웃의 텍스트를 설정하세요.
요소 #test가 주어졌습니다. 그 두 번째 위 이웃과
두 번째 아래 이웃을 찾으세요.
발견된 요소들이 텍스트를 교환하도록 만드세요
(위 이웃은 아래 이웃의 텍스트를 가져가고 그 반대도 마찬가지).
요소 div가 주어졌습니다.
그 안에서 제목이 아닌 모든 직접적인 자손을 선택하고
빨간색으로 칠하세요.
모든 단락 p를 찾아
빨간색으로 칠하세요. 그런 다음 찾은 단락들 중
클래스 www를 가진 단락을 선택하고
그들에게 텍스트 '!'를 설정하세요.
클래스 www를 가진 모든 단락 p를 찾아
빨간색으로 칠하세요.
그런 다음 찾은 단락들 중 첫 번째를 선택하고
그에게 텍스트 '!'를 설정하고, 마지막을 선택하고
그에게 텍스트 '?'를 설정하세요.
하나의 체인으로 문제를 해결하세요.
모든 단락 p를 찾아
각각의 끝에 그 안에 있는 것과 같은 텍스트를
넣으세요 (즉, 단락 안의 텍스트가 두 번 쓰여지게 됩니다).
모든 단락 p를 찾아
각각의 끝에 세트에서의 순서 번호를
넣으세요.
숫자가 있는 단락들이 주어졌습니다. 각 단락의 끝에 그 안에 저장된 숫자에 세트에서의 순서 번호를 곱한 값을 넣으세요.
단락 p를 클릭하면
그 바로 위와 아래 이웃을 삭제하세요.
단락 p를 클릭하면
첫 번째 제목 h1-h6까지의 모든 위 이웃을 삭제하세요
(즉, 그 제목보다 위에 있는 요소들과 제목 자체는
삭제하지 마세요).
단락 p를 클릭하면
그 아래에서 가장 가까운 클래스 www를 가진 이웃을 삭제하세요.
단락 p를 클릭하면
그 다섯 번째 아래 이웃을 삭제하세요.
단락 p를 클릭하면
그 다섯 번째 아래 이웃이
h2가 아닌 경우에만 삭제하세요.
단락 p를 클릭하면
그 다섯 번째 아래 이웃이 태그 b를 내부에 가지고 있지 않은 경우에만
삭제하세요.
단락 p를 클릭하면
그 다섯 번째 아래 이웃이 h2 바로 뒤에 있지 않은 경우에만
삭제하세요.
요소 #test가 주어졌습니다. 이
요소를 그 바로 아래 이웃과 자리를 바꾸세요.
요소 #test가 주어졌습니다. 그
바로 아래 이웃 뒤에
우리 요소의 복사본을 삽입하세요.
요소 #test가 주어졌습니다. 이
요소를 그 아래에서 가장 가까운 클래스 www를 가진 이웃과 자리를 바꾸세요.
하나의 부모 안에서 하나의 h2와 다른 h2 사이에 있는
모든 단락 p를 찾으세요.
각 단락 p를 바깥쪽과 안쪽 모두
div로 감싸세요.
직접적인 부모가 div가 아닌
모든 단락 p를 찾아
각각을 <div class="www"></div>로 감싸세요.
모든 단락 p를 찾으세요.
그 부모가 클래스 www를 가진 div가 아닌 경우, 부모를 삭제하세요 (unwrap를 하세요),
그런 다음 부모가 삭제된 단락들을 클래스 zzz를 가진 div로 감싸세요.
요소 #test의 모든 부모를 찾아
그 부모들의 CSS 클래스로 이루어진 배열을 만드세요.
class 속성을 가진 모든 단락 p를 찾아,
각각을 찾은 단락과 동일한 클래스를 가진 div로 감싸고,
각 단락의 클래스는 class 속성과 함께 삭제하세요.
#test 안의 모든 단락 p를 찾아
그들 끝에 텍스트 '!'를 설정하고, 그런 다음 찾은 단락들에서
클래스 www를 가진 단락을 제외하고 남은 단락들에게
빨간색을 설정하세요.
페이지의 모든 li를 찾으세요,
그런 다음 찾은 것 중에서 끝에서 두 번째 앞에
텍스트 '항목'가 있는 또 다른 li를 삽입하세요.
페이지의 모든 li를 찾으세요,
그런 다음 찾은 것 중에서 끝에서 두 번째, 세 번째
및 네 번째를 선택하고 그들에게 텍스트
'!'를 설정하세요.
#test를 가진 ol를 찾으세요
그리고 그 안에 있는 모든 li를
역순으로 재배열하세요.
요소 #test가 주어졌습니다. 그 모든
위 이웃들과 모든 아래 이웃들을 찾아서
그들의 위치를 바꾸세요 (즉, 요소 앞에 있는 모든 것이
그 뒤로 가고 그 반대도 마찬가지).
클래스 www를 가진 모든 li를 가져와서
빨간색으로 만드세요, 그런 다음 찾은 것 중에서
클래스 bbb를 가진 li를 찾아서
그들을 삭제하세요. 하나의 체인으로 모두 해결하세요.
페이지의 모든 li를 가져오세요. 얻은 것 중에서
짝수 번째는 비우고,
홀수 번째는 삭제하세요.
모든 태그 div를 찾아
높이를 두 배로 늘리세요.
페이지의 모든 div 높이의 합을 찾으세요.
요소 #test에 대해 클래스 www를 가진 가장 가까운
부모를 찾아, 이 부모의 끝에
텍스트 '!'가 있는 단락을 추가하세요.
요소 #test를 클릭하면 그
클래스 www를 가진 가장 가까운 부모를 찾고, 이
부모 안에서 모든 단락을 찾아 빨간색으로
칠하세요.
페이지의 첫 번째 10개의 li를
빨간색으로 칠하세요.
페이지의 5번째부터 10번째까지의 li를
빨간색으로 칠하세요.
페이지의 마지막 10개의 li를
찾아 빨간색으로 칠하세요.
그런 다음 찾은 것 중에서 짝수 번째 li를 찾아
그들을 태그 b로 안쪽을 감싸세요.
페이지에 체크박스들이 주어졌습니다. 그 중 몇 개가 선택되었는지 세어보세요.
선택된 모든 체크박스가 선택되지 않은 상태로 바뀌고 그 반대도 마찬가지가 되도록 만드세요.
입력 상자가 주어졌습니다.
value 속성의 내용을
placeholder 속성으로 이동시키고,
value 속성 자체는 완전히 삭제하세요.
링크가 주어졌습니다.
href 속성이 http://로 시작하면,
링크에 target="_blank" 속성을 추가하세요.
