본문 바로가기

먹고살거/JS(Jquery)

JQUERY 공부하기 2탄!

공부하는 순서는

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를 없애고 싶을떄!!!
일괄적용이가능하다는 사실!!!!!!!!!!!!>_<)/
뿡잉뿌잉