자바스크립트41 [jQuery] 이벤트 바인딩 on( ), off( ), one( ) jQuery는 특정 요소에 이벤트 바인딩(event binding)하기 위해 .on() 메소드를 사용한다. jQuery 1.7부터 소개된 .on() 메소드는 다음과 같은 특징을 가진다. 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있다. 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다. 선택한 요소에 여러 개의 이벤트 핸들러와 여러 개의 이벤트를 같이 연결할 수 있다. 사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있다. 차후에 다루게 될 요소를 이벤트에 바인딩할 수 있다. www.devkuma.com/books/pages/232 2021. 5. 7. 이벤트 버블링 (부모요소의 이벤트 정지 event.stopPropagation( )) webisfree.com/2016-06-15/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B2%84%EB%B8%94%EB%A7%81-%EC%A0%9C%EA%B1%B0%EB%B0%A9%EB%B2%95-stoppropagation() 2021. 5. 7. Navigator 객체 developer.mozilla.org/ko/docs/Web/API/Navigator 2021. 1. 21. Document 객체 www.tcpschool.com/javascript/js_dom_document 2021. 1. 20. replace( ) & 정규표현식(Regula Expression), 간편코드 모음 var test = '가나다라 마바사 가나'; var result = test.replace('가', '나'); 맨 앞의 "가"만 "나"로 변경된다. var test = "가나다라 마바사 가나"; var result = test.replace( /가/gi, '나'); 모든 가는 "나"로 변경된다. g: 전체 모든 문자열을 변경 global i: 영문 대소문자를 무시, 모두 일치하는 패턴 검색 ignore 간편코드: let resultHP = 01044288926 let formatNum = ""; formatNum = resultHP.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3'); 결과: 01044288926 → 010****8926 formatNum = resultHP.. 2021. 1. 8. [jQuery Template] 문법 다운로드 기본 jQuerygithub.com/BorisMoore/jquery-tmpl 이해 tmpl( ) 안에는 데이터가 들어온다. 데이터는 배열이다. 그리고 배열의 원소는 반드시 객채의 형태이어야 한다. 이 객체는 template과 바인딩되어 template 안에서 활용되어 진다. 문법 #1 option의 사용 $.tmpl( "${ Name }", { "Name" : "John Doe" } ).appendTo( "여기에(위치)" ) - 선택적인 맵(키-값)을 입력 가능한 공간으로, template이 만들어지는 동안에 data를 확장 시킬수 있다. #2 템플릿 소스를 가지고 있는 객체에 체인 형식으로 사용. $( "이거를(반복 됨)" ).tmpl( { data:data, data1:data1, data2.. 2020. 12. 29. 이전 1 2 3 4 5 6 7 다음
