개발자의 끄적끄적

[제이쿼리/jQuery] 요소 갯수 구하기 .length 요소 갯수 구하기 $("selector").length; 요소 갯수를 구하는 함수는 2가지 ( length 와 size() ) 있습니다. 현재는 3.0 버전부터 size() 함수가 사라졌기때문에 이후버전부터는 length 를 사용합니다. 사용예는 아래와 같습니다. HTML definition (특히 사전에 나오는 단어나 구의) 정의 (어떤 개념의) 의미[정의] 선명도 term 용어,말 (지속되는・정해진) 기간 기한, 만기 JS var length = $("dl").length; $("#cnt").html("정의목록 갯수 : "+ length).css("background-color","yellow"); 결과 출처: https://javacpro.t..

[jQuery] 체크박스 선택여부, checked처리 라디오버튼 선택과 해제 checked 여부 확인 1 2 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ checked/unchecked 처리 1 2 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제..

[javascript / jquery] disabled 속성 제어 매번 할때마다 헤깔리는거 같아서 참고용으로 찾아왔습니다! $( elem ).attr( 'disabled', true ); $( elem ).attr( 'disabled', false ); 이건, 3항 연산자를 이용한 예 입니다. $( elem ).attr( 'disabled', condition ? true : false ); 출처 : https://qvil.github.io/jquery/jquery-attribute-disabled/

[jquery] 날짜 비교 (날짜비교) [펌] 날짜 비교 입니다. 값을 가져와서 split로 자른후 Date 객체 생성 후 getTime로 비교 하는 것 입니다. 날짜 기간 조회시 시작 날짜가 종료 날짜 이후라면 검색(submit) 이 안 되도록 하는 스크립트 입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $("#search").click(function(){ var startDate = $( "input[name='startDate']" ).val(); //2017-12-10 var startDateArr = startDate.split('-'); var endDate = $( "input[name='endDate']" ).val(); //2017-..

[javascript/jquery]메타(Meta)태그 jquery로 요소 내용 변경하기 [펌] C.m.A 사이트에서 사용하고 있는 메타태그 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 C.m.A 사이트에서 사용하고 있는 메타태그를 변경하는 스크립트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 스크립트를 실행하면 아래의 내용대로 메타태그를 변경시켜줍니다. 1 2 3 4 5 6 7 8 출처 : http://chongmoa.com/jquery/19849

[javascript/jquery] if문으로 요소(element)가 있는지 확인하기 자바스크립트에서는 아래와 같이 해당 id가 있는지(exists) 체크를 합니다. 하지만, jQuery에서는 아래와 같이 확인합니다. 출처 : https://gyuha.tistory.com/343

[javascript/jquery] removeClass() 사용법 .removeClass()로 선택한 요소에서 클래스 값을 제거할 수 있습니다. 문법 1 .removeClass( className ) 클래스 값은 큰 따옴표 또는 작은 따옴표로 감쌉니다. 1 $( 'h1' ).removeClass( 'abc' ); 띄어쓰기로 구분하여 여러 개의 값을 제거할 수 있습니다. 1 $( 'h1' ).removeClass( 'ab cd ef' ); 페이지가 로드된 상태에서 클래스 값이 제거되는 것이므로, 제거되기 전의 모양에서 제거된 후의 모양으로 변하는 것을 방문자가 볼 수도 있습니다. 예제 h1 요소에서는 bg 클래스를 제거하여 테두리만 남기고, h2 요소에서는 bg와 bd 클래스를 제거하여 배경색과 테두리를..

[javascript & jquery] attr() 사용법 attr()메서드는 HTML속성을 다루는 jQuery getter/setter 메서드이다. attr() 메서드는 브라우저 간 비호환성과 특이 사항을 잘 처리한다. 따라서 HTML 속성명과 이에 해당하는 자바스크립트 프로퍼티, 이 둘이 달라도 어느 것을 사용하든 상관없다. 예를 들어 'for'와 'htmlFor', 'class'와 'className' 중에서 무엇을 사용하든 결과는 같다. .attr() 메서드는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수이다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, .each()메서드나 .map() 메서드를 사용해야 한다. .attr(attributeName) 선택..