<aside> 💡

웹 개발 종합반

• 기간: 9월 30일(월) ~ 10월 5일(토)
• Reference </aside>

project 1 - 앨범

• jquery 문법

  • 선택자 = document.getElement...()

    • ID 선택: $('#id')
    • 클래스 선택: $('.class')
    • 태그 선택: $('tag')
    • 속성 선택: $('[attribute="value"]')

  • 메서드

    • .text(): 요소의 텍스트를 가져오거나 설정합니다.
    • .html(): 요소의 HTML 내용을 가져오거나 설정합니다.
    • .css(): CSS 속성을 가져오거나 설정합니다.
    • .attr(): 속성을 가져오거나 설정합니다.
    • .addClass(), .removeClass(): 클래스를 추가하거나 제거합니다.
    • .show(), .hide(): 요소를 보이게 하거나 숨깁니다.
      • toggle()
    • .fadeIn(), .fadeOut(): 서서히 나타나거나 사라지게 합니다.

  • 이벤트 처리

    $('#button-id').click(function() {
    		// 버튼 클릭 시 실행할 코드
    });
    

  • AJAX

    $.ajax({
        url: '<https://api.example.com/data>',
        type: 'GET',
        success: function(data) {
            console.log(data);
        },
        error: function(error) {
            console.error('에러 발생:', error);
        }
    });