jquery 초보 공부중 질문있어요
본문
안녕하세요 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() {
스크립트 마지막 줄
}
->
});
