공부하는 순서는
1.제이쿼리가 페이지가 열리고 경고창 띄우기
2.제이쿼리로 태그의 스타일을 적용해보자
3.제이쿼리를 이용하여 레이어 팝업을 띄워보자
4.제이쿼리를 이용하여 2뎁스 메뉴를 만들어보자
5.제이쿼리를 이용하여 3뎁스 메뉴를 만들어보자
//셀렉터 스타일 적용하기
$(document).ready(function(){
$("h1").css("background","#eee");//태그를 이용해서 스타일을 적용할수도있고
$(".click").css("background","#eee");//class값을 이용해서 스타일을 적용할수도있고
$("#study_list").css("border","1px solid red");//id값을 이용해서 스타일을 적용할수도있고
});
이렇게 css를 이용하지않고도 셀렉터만 지정해준다면 스타일을 조절할수있다.
하지만 남발은 금물!
tip)제일 좋은예
반복되는 리스트에서 맨오른쪽 border-right를 없애고 싶을떄!!!
일괄적용이가능하다는 사실!!!!!!!!!!!!>_<)/
뿡잉뿌잉
1.제이쿼리가 페이지가 열리고 경고창 띄우기
2.제이쿼리로 태그의 스타일을 적용해보자
3.제이쿼리를 이용하여 레이어 팝업을 띄워보자
4.제이쿼리를 이용하여 2뎁스 메뉴를 만들어보자
5.제이쿼리를 이용하여 3뎁스 메뉴를 만들어보자
//셀렉터 스타일 적용하기
$(document).ready(function(){
$("h1").css("background","#eee");//태그를 이용해서 스타일을 적용할수도있고
$(".click").css("background","#eee");//class값을 이용해서 스타일을 적용할수도있고
$("#study_list").css("border","1px solid red");//id값을 이용해서 스타일을 적용할수도있고
});
이렇게 css를 이용하지않고도 셀렉터만 지정해준다면 스타일을 조절할수있다.
하지만 남발은 금물!
tip)제일 좋은예
반복되는 리스트에서 맨오른쪽 border-right를 없애고 싶을떄!!!
일괄적용이가능하다는 사실!!!!!!!!!!!!>_<)/
뿡잉뿌잉