• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

Front-end/Jquery3

728x90
[Javascript]HTMLCollection과 querySelector의 차이 HTMLCollection과 querySelector (또는 querySelectorAll)의 차이는 주로 반환 객체의 형태, 동작 방식, 사용 사례에 있습니다. 이를 아래에서 자세히 비교합니다.1. 반환 객체의 차이메서드getElementsByClassName, getElementsByTagName, 등querySelector, querySelectorAll반환 객체HTMLCollectionElement 또는 NodeList실시간 업데이트문서가 변경되면 자동 업데이트문서가 변경되어도 업데이트되지 않음다중 요소 선택항상 여러 요소를 반환 (HTMLCollection)querySelector: 첫 번째 요소만 반환 querySelectorAll: NodeList로 모든 요소 반환예시// HTML 구조Ite..
[Jquery]티스토리 Youtube 동영상 첨부시 반응형 처리하기 티스토리에서 'Youtube 동영상 첨부 시' Jquery로 반응형 처리하는 방법입니다. 글쓰기 에디터에서 동영상을 첨부했을때입니다. 위처럼 동영상 첨부를 하게 될 경우 해상도가 줄어들면 영상 사이즈가 고정되어 있어서 줄어들지 않습니다. 위 문제를 Jquery로 자동으로 리사이징 해주는 방법이라고 이해하시면 됩니다. 스킨 수정 1. 티스토리 로그인 후 '꾸미기 > 스킨 편집'으로 접근합니다. 2. 스킨 편집 HTML에서 위에 아래 코드를 삽입합니다. '저장' 버튼을 누릅니다. 코드 설명 해당 JavaScript 코드는 jQuery를 사용하여 YouTube 비디오를 리사이즈하는 함수를 정의하고, 창 크기가 변경될 때와 문서가 로드될 때 이 함수를 호출하는 이벤트 핸들러를 설정합니다. - $(window)...
[Jquery]부트스트랩(Bootstrap)과 제이쿼리(Jquery)의 버전별 호환성 부트스트랩과 jQuery의 버전 호환성은 부트스트랩 버전에 따라 다릅니다. 아래는 부트스트랩의 여러 버전과 그에 맞는 jQuery 버전을 요약한 표입니다. Bootstrap Version Compatible jQuery Version 5.x.x 3.5.1 or higher 4.x.x 3.2.1 or higher 3.x.x 1.9.1 - 3.5.x 2.x.x 1.7.1 - 1.9.1 1.x.x 1.3.2 - 1.9.1 즉, 사용 중인 부트스트랩의 버전에 따라 호환 가능한 jQuery 버전이 결정됩니다. 예를 들어, Bootstrap v4.0.0을 사용하고 있다면 jQuery 버전 3.2.1 이상을 사용하는 것이 좋습니다.
반응형