본문 바로가기
728x90
반응형

JavaScript, jQuery, Java51

[jQuery] 클래스의 클릭이벤트 막기/해제 웹 페이지 개발 시 제공받은 스크립트 파일이나 공통으로 사용되는 레이아웃에 아래와 같은 on click 이벤트가 정의되어 있을때! $(".mingggu").on("click", function() { alert('Test Alert'); }); 특정 페이지에서 이벤트 처리를 원하지 않거나, 변경해야 하는 경우 다음과 같이 정의된 click 이벤트를 off 하여 이벤트를 막을 수 있다. $(".mingggu").off("click"); 2022. 7. 25.
[JavaScript] 코드 성능 테스트/비교 사이트(Naver) 네이버에서 제공하는 자바스크립트 코드 성능 비교 사이트입니다. http://jindo.dev.naver.com/jsMatch/index.html 1. 사전코드 : 각 코드를 실행하기 전에 수행되는 코드 입니다. 배열 설정이나 element 추가 같은 내용을 담을 수 있습니다. this 객체에 넣게 되면 비교 코드에서 this 객체로 접근하여 사용할 수 있습니다. 2. 사후코드 : 각 코드를 실행한 후에 수행되는 코드 입니다. element 제거 같은 후처리를 위한 내용을 담을 수 있습니다. 3. HTML : HTML 마크업을 사용해야 한다면 아래 마크업을 입력해 주세요. 에 innerHTML로 삽입되고, 코드에서는 this.elHTML로 사용하실 수 있습니다. 테스트가 끝나면 비워집니다. 외부 scrip.. 2019. 10. 24.
[jQuery] Element(요소) 클래스 값 가져오기 ... 위와 같은 div 엘리먼트에서 Class 확인 방법 3가지 Class 존재/미존재로 나눈 사용 예제. // 1. hasClass 함수 사용 > $("#main").hasClass("main-home") > true > $("#main").hasClass("home") > false // 2. is 함수 사용 - class 외에 id, name 등도 사용 가능 > $("#main").is(".main-home") > true > $("#main").is(".home") > false // 3. length 속성 체크 > $("#main.main-home").length > 1 > $("#main.home").length > 0 2019. 10. 23.
[JavaScript] 배열 자르기 (Array 중간 값 삭제) 자바스크립트 배열에서 조건에 부합하는 중간에 위치한 값을 삭제하면 배열이 연결되지 않고 삭제한 위치가 비어버린다.배열 길이로 무언가를 확인할 때에는 빈 공간 없이 배열을 잘라서 이으듯 가공하는게 좋겠다. 아래와 같이 splice 함수를 사용하여 빈 공간 없이 중간에 위치한 값을 삭제한다. var list = []; // list.splice(삭제 시작 인덱스, 삭제 할 개수); list.splice(list.findIndex(o => o.seq === Number(seq)), 1); 2019. 10. 16.
728x90
반응형