◆ jQuery 개요
-
jQuery는 버전 1, 2, 3이 있다
-
버전 1은 기능은 다소 부족하지만 모든 브라우저에서 구동된다.
-
버전이 올라갈수록 지원되는 브라우저가 적어지고 기능이 화려해진다.
-
jQuery에서는 jQuery 대신
$라는 축약표현을 사용할 수 있다. -
JavaScript 기반의 라이브러리로, HTML 문서를 다루기 쉽고 유지보수하기 쉬운 방법을 제공합니다.
-
이를 통해 웹 개발자들은 복잡한 JavaScript 코드를 작성하지 않고도, 더 짧고 간결한 코드를 작성할 수 있습니다.
-
브라우저 호환성 문제를 해결하기 위해 다양한 기능을 제공하며, 선택자를 이용해 HTML 요소를 쉽게 선택하고 조작할 수 있습니다.
-
이를 통해 DOM(Document Object Model)을 쉽게 조작할 수 있습니다.
◆ jQuery의 기능
-
독립형 자바스크립트를 짧게 만드는 것이 목적이다.
-
여러개를 효율적으로 사용할 수 있다.
-
HTML 요소 선택과 조작
-
CSS 스타일 조작
-
이벤트 처리
-
애니메이션 효과 추가
-
Ajax를 이용한 데이터 요청 및 처리
-
jQuery는 웹 개발에서 널리 사용되며, 많은 웹 사이트에서 사용되고 있습니다.
-
또한 jQuery 플러그인과 UI 라이브러리도 다양하게 제공되며, 이를 이용하면 더 다양하고 매력적인 웹 페이지를 만들 수 있습니다.
◆ prop과 attr의 차이
- 이벤트 없이 체크박스의 현재 상태를 읽는다.
- .prop()은 대상의 자바스크립트 속성을 읽는다.(실제 관리하는 값)
- .attr()은 대상의 표시된 글자를 읽는다.(태그에 표시되는 값)
- 태그에 존재하는 속성이면 .prop()이 좋다.
- 태그에 존재하지 않는 속성이면 .attr() 밖에 안된다.(ex : data-*)
- .prop()이 읽지 못한다면 .attr()을 사용한다.
- 전체 항목을 설정하고 읽어(꺼내)올 수 있고 변경할 수 있도록 prop을 사용한다.
-
더미이미지 주소
https://via.placeholder.com/600x300?text=A -
라이브러리는 css link뒤에 작성한다.
Backend Developer