728x90
반응형

Front/JS & jQuery 454

[jQeury] $(function(){}

$(document).ready(function(){ ... jQuery 메소드, 액션 입력 }); $(function(){ ... jQuery 메서드, 액션을 입력 ... }); $(document).ready(function(){ }); 와 $(function(){ }); 는 동일한 의미 jQuery를 사용하기 위한 기본 모든 jQuery는 위의 코딩으로 부터 시작 이전의 자바스크립트로 표현을 하자면, document.onload()... 와 같다고 생각하면 되며, html 문서가 로딩이 되면... 이라는 느낌으로 이해를 하면 된다. 출처: https://theqoop.tistory.com/295 [qOOp:티스토리]

Front/JS & jQuery 2022.08.10

[jQuery][datatables] 엑셀 다운로드

$('#myTable').DataTable( { buttons: [ { extend: 'excel', text: 'Save current page', exportOptions: { modifier: { page: 'current' } } } ] } ); 프로젝트에서는 엑셀 다운로드시 컬럼별로 CSS를 설정해주고, function getExcelConfig(){ // 엑셀 스타일 설정 const cols = [ // 순서 { idx:0, stCode :'center' }, // 일자 { idx: 1, stCode :'center', width: 40 }, // 구분 { idx: 2, stCode:'center' }, // 비고 { idx: 3, stCode:'left', width: 50 } ]; // s..

Front/JS & jQuery 2022.08.03

[jQuery] 클릭 이벤트가 되지 않을 때

보통 제이쿼리 클릭 이벤트 사용시에는 아래와 같이 작성한다. $( ' 선택자 ' ).on ("click", function(){ // 이벤트 내용 } $( ' 선택자 ' ).click( function(){ // 이벤트 내용 } 그러나 동적페이지 에서는 해당 선택자를 대상으로 이벤트가 적용되지 않아 아래와 같이 작성해주어야 한다. $(document).on("click", "선택자", function(){ // 이벤트 내용 })

Front/JS & jQuery 2022.07.31

[js] replace()

특정 문자열을 원하는 문자열로 바꾸어 줄 때 사용하는 함수이다. replace("-", "") : - 문자열을 공백으로 대체 시킨다. var date = "2022-07-27" var dateReplace = date.replace("-", ""); //출력결과 : 202207-26 해당 문자열을 모두 지정한 문자로 바꿔주고 싶을 때는 정규식을 사용해야 한다. ( 왜냐하면 javascript에는 replaceAll 함수가 없기 때문에 ) ✅ g : 발생할 모든 패턴에 대한 전역 검색 ✅ i : 대/소문자 구분 안함 replace함수를 사용하되, 따옴표를 슬래시 ( / )로 대체하고, 뒤에 gi를 붙이면 replaceAll()과 같은 기능을 한다. ※ 슬래시 ( / ) 사용시 역슬래시(\) 붙여서 사용 (..

Front/JS & jQuery 2022.07.27
728x90
반응형