jQuery 새로 알게 된것

:선택자

• :checked처럼 상태를 표현하는 선택자이다. :hover 등

checkbox가 체크 되어있을때 value값

• 설정되어있는 value를 넘기는게 맞다. 즉, 체크가 되어있지 않다면 value의 값은 없다.

제이쿼리 $(this)가 무엇인가

• $(this)는 jQuery에서 사용되는 특별한 키워드로서, 현재 선택된 요소를 나타냅니다.
  이것은 이벤트 핸들러 내에서 주로 사용되며, 이벤트가 발생한 요소에 대한 jQuery 객체를 참조합니다.
  예를 들어, 클릭 이벤트 핸들러 내에서 $(this)를 사용하면 클릭된 요소에 대한 jQuery 객체를 가져올 수 있습니다.

$("").on이 무엇인가

• $("선택자").on(이벤트, 함수); ex) $("#Btn").on("click", function(){ });

.html()이 무엇인가

• html()은 jQuery에서 사용되는 메서드 중 하나로, 선택된 요소의 내부 HTML 콘텐츠를 가져오거나 설정하는 데 사용됩니다. 이 메서드는 선택한 요소의 내부 HTML 마크업을 조작하는데 유용합니다.

  $("선택자").html(); // 내부 HTML 콘텐츠 가져오기
  $("선택자").html("새로운 HTML"); // 내부 HTML 콘텐츠 설정

스크립트 시작할때 $(function(){})은 왜 써야할까?

• $(function() {})은 jQuery에서 문서가 준비되었을 때 실행되는 함수입니다. 이 함수는 HTML 문서의 모든 요소가 로드되고 초기화된 후에 호출되므로, 페이지가 완전히 로드된 후에 JavaScript 코드를 실행하고자 할 때 사용됩니다. DOM 요소에 안전하게 접근하고 이벤트를 설정할 수 있습니다.
• $(document).ready(function(){ })와 같은 기능인듯 -> 구버전
• 웹 페이지가 완전히 로드되고 초기화된 후에 실행하는 함수이다.

엘리멘트도 변수에 담을 수 있다!

elementBox = $(this); // 첫번째 엘리멘트를 저장

$("").filter(function() { });

• 요소 중에서 조건에 맞는 요소를 선택하는 방법은 jQuery의 filter() 메서드를 사용하는 것입니다. filter() 메서드는 선택한 요소 집합을 조건에 맞게 필터링하여 새로운 요소 집합을 반환합니다.