안녕하세요 jquery 공부하고있는데요
과제중 너무안풀려서 질문드립니다
주석처리한대로 처리하려구하지만 아무런 작동이 되지않는데 뭐가문제일까요?ㅠㅠ
<!DOCTYPE html>
<html lang="kr" xmlns="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"></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 () {
시작부분과 끝부분을 수정해 주세요
});
<!DOCTYPE html><html lang="kr" xmlns="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"></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>$(document).ready(function) {
->
$(document).ready(function() {
스크립트 마지막 줄
}
->
});
답변을 작성하려면 로그인이 필요합니다.