본문 바로가기
728x90
300x250
SMALL

javaScript/jQuery153

$() 직접 호출 방식이 왜 문제인가? jQuery에서 $(...) 직접 호출이 가져오는 문제들 jQuery를 사용하다 보면 습관처럼 $()를 바로 호출해버리는 경우가 많다.하지만 이 방식이 코드 곳곳에 무분별하게 퍼지게 되면 다음과 같은 문제가 생긴다. 1. 불필요한 DOM 탐색 증가$('.box') 같은 선택자가 여러 번 등장하면 매번 DOM을 새로 탐색한다. 퍼포먼스 저하로 이어질 수 있다.2. 이벤트 중복 바인딩 위험같은 요소에 중복으로 .on()이 걸리는 경우가 자주 발생한다.$('.btn').on('click', function() { alert('clicked!');});예를들어 이렇게 하면 .btn을 클릭할 때마다 실행되는 코드를 지정한다. 그런데 같은 요소에 이 코드를 여러번 실행하면 클릭할 때마다 여러 번 실행된다.$('... 2025. 4. 23.
심플 갤러리 부드럽게 정렬하기 - 비공개 보호되어 있는 글 입니다. 2024. 1. 11.
jQuery nice-select 다운 및 select 꾸미기 옵션 1 옵션 2 옵션 3 jQuery nice-select 다운로드 주소 https://jqueryniceselect.hernansartorio.com/ jQuery Nice Select Usage 1. Include jQuery and the plugin. 2. Include the plugin styles, either the compiled CSS... ...or, ideally, import the SASS source (if you use SASS) in your main stylesheet for easier customization. @import 'nice-select'; // Or 'nice-select-prefixed'. jqueryniceselect.hernansartorio.com 2024. 1. 10.
부드럽게 이동하기 jQuery $("#target").animate({ left:이동 위치값, top:이동 위치값 }, 이동시간); 이미지 부드럽게 이동하기 예시 2024. 1. 9.
728x90
반응형
LIST