jquery 초보 공부중 질문있어요 채택완료
안녕하세요 jquery 공부하고있는데요
과제중 너무안풀려서 질문드립니다
주석처리한대로 처리하려구하지만 아무런 작동이 되지않는데 뭐가문제일까요?ㅠㅠ
<!DOCTYPE html>
<html lang="kr" xmlns="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.ba {
background:yellow;
}
.ba1 {
background:white;
}
</style>
<script src="http://code.jquery.com/jquery-1.11.3.min.js">http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function) {
$('li').eq(0).css('color', 'orange').end().eq(1).css('color', 'orange');
$('li').first().css('color', 'red');
$('li').last().css('color', 'blue');
//선택자를 이용하여 문서 객체 선택
//eq() 메서드와 css()메서드를 이용하여 문자열 색 변경
$('li').hover (
function(){
$(this).addClass('ba');
// mouseenter 이벤트 발생 시 해당 문서 객체의 배경색을 yellow 변경
},
function(){
$(this).addClass('ba1');
// mouseleave 이벤트 발생 시 해당 문서 객체의 배경색을 white 변경
});
$('li').click(function(){
$(this).hide();
//문자열 클릭 이벤트 발생 시 문서 객체를 화면에서 숨김
// hide() 메서드
})
}
</script>
<body>
<ul>
<li>일요일</li>
<li>월요일</li>
<li>화요일</li>
<li>수요일</li>
</ul>
</body>
</html>
답변 2개
오타네요... -ㅂ-;;
$(document).ready(function () {
시작부분과 끝부분을 수정해 주세요
});
</p><p><!DOCTYPE html></p><p><html lang="kr" xmlns="<a href="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a>"><a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a></a>"></p><p><head></p><p><meta charset="utf-8" /></p><p><title></title></p><p><style></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>.ba {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background:yellow;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>.ba1 {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background:white;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p></style></p><p><script src="<a href="<a href="http://code.jquery.com/jquery-1.11.3.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.11.3.min.js</a>"><a href="http://code.jquery.com/jquery-1.11.3.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.11.3.min.js</a></a>"></script></p><p><script></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(document).ready(function () {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('li').eq(0).css('color', 'orange').end().eq(1).css('color', 'orange');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('li').first().css('color', 'red');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('li').last().css('color', 'blue');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//선택자를 이용하여 문서 객체 선택</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//eq() 메서드와 css()메서드를 이용하여 문자열 색 변경</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('li').hover (</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).addClass('ba');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// mouseenter 이벤트 발생 시 해당 문서 객체의 배경색을 yellow 변경</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).addClass('ba1');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// mouseleave 이벤트 발생 시 해당 문서 객체의 배경색을 white 변경</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('li').click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).hide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//문자열 클릭 이벤트 발생 시 문서 객체를 화면에서 숨김</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>// hide() 메서드</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>})</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p></script></p><p><body></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><ul></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>일요일</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>월요일</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>화요일</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>수요일</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></ul></p><p></body></p><p></html> </p><p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인