I'm sw engineer!

특정 열 숨기기 기능이다. $(document).ready(function() { $('#example').DataTable( { "columnDefs": [ { "targets": [ 3 ], ➡➡➡➡➡ 테이블의 왼쪽행에서 0부터 센다. 3이면 왼쪽에서 4번째 행이다. "visible": false } ] } ); } );

$.fn.dataTable.tables() : 페이지의 모든 DataTables 인스턴스를 가져온다. 예 ) $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { $.fn.dataTable .tables( { visible: true, api: true } ) .columns.adjust(); }) ➡️ 부트스트랩에서 탭으로 테이블이 전환될 때 열 너비 조정. 매개변수 1. visible ( boolean type ) : default 는 false, : true면 보이는 테이블만 반환, false면 모든 테이블을 반환. 2. api ( boolean type ) : true면 선택한 테이블에 대한 인스턴스 반환

== ➡️ Equal Operator ( 동등 연산자 ) a==b 라고 할 때, a와 b의 값이 같은지를 비교해서 같으면 true, 다르면 false를 반환한다. 값만 같으면 된다. === ➡️ Strict Equal Operator ( 엄격한 동등 연산자 ) a===b 라고 할 때, a와 b의 값과 Data Type이 모두 같은지를 비교해서 같으면 true, 다르면 false를 반환한다. 값과 Data Type까지 같아야 한다. 1️⃣기본 자료형 javascript는 기본자료형인 숫자, 문자 모두 ==, ===를 이용하여 동등 비교 연산이 가능하다. 2️⃣null / undefined 둘다 값이 없음을 뜻하기 때문에 null == undefined 는 true 이지만 Data Type은 달라서 null..

e. 은 이벤트 객체를 말한다. preventDefault()를 사용하면 태그가 가지고 있는 고유의 동작들을 중단시킨다. 예를 들어 a 태그는 href 로 설정된 주소로 이동을하게되고, submit 태그는 form안에 input 을 전송하고 페이지를 reload한다. $("a").click(function(e){ e.preventDefault(); alert("e.preventDefault()"); }); 이렇게 코드를 작성하면 href 주소로 이동하지 않고 경고창에 e.preventDefault() 이 뜬다.

일회성 이벤트 one( 'event' , data, 동작함수) ➡️ bind()와 동일하지만 이벤트가 한번 실행된후 unbind()된다 마우스 이벤트 - click : 마우스를 클릭할 때 발생 - dbclick : 마우스를 더블클릭할 때 발생 - mousedown : 마우스 버튼을 누를 때 발생 - mouseup : 마우스 버튼을 뗄 때 발생 - mouseenter : 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생 - mouseleave : 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생 -mouseout : 마우스가 요소를 벗어날 때 발생 - mouseover : 마우스 요소 안에 들어올 때 발생 키보드 이벤트 - keydown : 키보드가 눌러질 때 발생 - keypress : 글자가 입..

clear( ) : 모든 행을 제거하여 데이터 길이 집합이 0이된다. : 각종 저장값 초기화 🌏https://datatables.net/reference/api/clear() destroy() : 데이터를 다시 받아와서 DataTable을 다시 그려야할 경우 테이블 제거할 때 사용 🌏https://datatables.net/reference/api/destroy() empty() : 선택한 요소의 내용을 지운다. ( 내용만 지우고 태그는 남아있다. )

attr( attributeName ) : 해당 attribute의 값을 가져오기 ex ) $("div").text($("img").attr("alt")); ➡️ div 태그의 img속성의 설명을 출력. attr( attributeName, value ) : 해당 attribute에 값을 설정하기 ex ) $("img").attr("src", "../images/im0.jpg") .attr("title", "똘이군") .attr("alt", "puppy picture"); ➡️ img 태그의 src 속성에 값을 "../images/im0.jpg"로, title 속성에 값을 "똘이군"으로 alt 속성에 값을 "puppy picture"로 설정한다. attr( attributeName, function() ..

jQuery 입력 양식 필터 선택자 - 태그 중에 type 속성에 따른 태그선택자 E: button E : checkbox E: file E:image E:password E:radio E:reset E:submit E:text E:checked - check 된 입력양식 선택 E:disabled - 비활성화된 입력양식 선택 E:enabled - 활성화된 입력양식 선택 E:focus - 초점이 맞춰져 있는 입력양식 선택 E:input - 모든 입력양식 선택 E:selected - option 객체 중에 선택된 태그 선택

E : element : 요소 A : attribute : 속성 V : value : 값 attribute를 조건으로 원하는 element 찾기 1️⃣E[A] - 해당 속성을 가지는 요소 선택 -ex : $('span') 2️⃣E[A=V] / E[A!=V] - 해당속성의 값이 일치/ 불일치하는 요소 선택 -ex : $('span[id="text1"]') /$('span[id!="text1"]') 3️⃣E[A*=V] - 해당 속성의 값이 포함되는 요소 선택 -ex : $('span[id*="text1"]') 4️⃣E[A^=V] - 해당 속성의 값으로 시작되는 요소 선택 -ex : $('span[id^="text1"]') 5️⃣E[A$=V] - 해당 속성의 값으로 끝나는 요소 선택 -ex : $('span[..

jQuery( element object | 'css stye selector' ) = $ ( element object | 'css stye selector' ) 래퍼( wrapper )란, jQuery 또는 $로 시작되는 함수이고, 인자로 전달된 요소들에 제이쿼리의 기능성을 부가해서 반환한다는 의미이다. 셀렉터 종류 종류 표현 Ex All $('*') $('*') ID 선택자 $('#id') $('#data') Class 선택자 $('.className') $('.data') Element ( tag ) $('elementName') $('p') 다중 선택자 $('tag, tag1, tag2') $('span, th, td') 속성 $('[속성이름]') $('[value]') // value라는 속성..