JavaScript(setTime)

jQuery

Javascript의 코드를 압축해서 모듈화해놓은 라이브러리

<script src="<https://code.jquery.com/jquery-3.6.3.js>"></script>

열 때마다 붙여줘야 함

window.onload에 해당하는 것

• 방법 #1

  $(document).ready(function () {
          alert("처음 로딩 시 호출됩니다.");
  });
  

• 방법 #2

  $(function () {
          alert("제이쿼리 시작합니다.");
  });
  

css 함수

style 변경

• css(속성) → 해당요소의 속성에 대한 값 반환
• css (속성,값) → 속성을 해당 값으로 변경
• $(”selector”) → $안에 접근을 위한 요소값을 selector라고 함

$(function () {
    //모든 b태그의 글꼴크기를 28pt로 변경
    $("b").css("font-size", "28pt");

    //b 태그 중 클래스명이 happy인 것의 배경을 orange로
    $("b.happy").css("background-color", "orange");
});

• 조건이 여러가지 일 때

  • 방법 #1

    //모든 h2태그의 border를 변경 후 글자색을 빨강으로
    $("h2").css("border", "3px solid pink").css("color", "red");
    

  • 방법 #2

    $("h2").css({
        border: "5px solid blue",
        color: "gray",
     });
    

  • 조건 여러개일 경우 예제

attr 함수

속성 변경