아마그래머

예전에 북마크 해둔게 있었다. this와 $(this)의 차이 this는 DOM object 이다. $(this)는 javascript의 this를 jQuery wrapper로 한번 감싼거라고 생각하면 된다. $(this)는 jQuery wrapper로 감싼 object이기 때문에 jquery method를 사용할 수 있다. 그러나 javascript의 native method들은 사용할 수 없다. https://stackoverflow.com/questions/3633270/difference-between-this-and-this-in-jquery Difference between $(this) and this in jquery What is the fundamental difference betwe..

jQuery에서 DOM을 제어할 때 요소 앞에 넣느냐 뒤에 넣느냐의 메서드는 append() 또는 prepend(), after(), before() 를 많이 사용한다. 그런데 이 차이점이 각자 조금씩 다른데 stackoverflow 에서 단 하나의 이미지를 통해서 이해하기 쉽게 올려 줘서 그것을 올려본다. 소스도 올려져있다. http://jsfiddle.net/BobStein/uczj4ftm/ jQuery insert functions - JSFiddle - Code Playground jsfiddle.net 출처 https://stackoverflow.com/questions/14846506/append-prepend-after-and-before .append(), prepend(), .after(..

예전 개인노트에 작성했던 것 올리기 jQuery radio 버튼 선택 $('input:radio[name="NAME"][value="VALUE"]').prop("checked", true); jQuery radio 버튼 선택 값 가져오기 $('input:radio[name=""]:checked').val(); jQuery radioe change 이벤트 $('input:radio[name="NAME"]').on("change", function(){ //radio value 얻기 $(this).val(); });

예전에 개인노트에 써놓았던거 여기에 다시 옮기기 jQuery checkbox 선택 값 가져오기 $('input:checkbox[name=""]:checked').val(); jQuery checkbox 전체 개수 가져오기 $('input:checkbox[name=""]').length(); jQuery checkbox 선택된 체크박스 개수 가져오기 $("input[type=checkbox][name='']:checked").length 또는 $("input:checkbox[name='']:checked").length jQuery 전체 체크박스 순회 $('input:checkbox[name=""]').each(function(){ }); jQuery 선택된 체크 박스 순회 $('input:checkbox..

jQuery를 사용시 selectbox 이벤트 및 스크립트에서 제어 방법 정리 jQuery selectbox 선택된 값(value) 가져오기 $("#selectbox option:selected").val(); $("#selectbox").val(); $('select[name="selectName"]').val(); jQuery selectbox 선택된 텍스트 가져오기 (option의 text) $("#selectbox option:selected").text(); jQuery selectbox 초기화후에 생성 $("#selectbox option").remove(); $("#selectbox").append("초기화"); jQuery selectbox 특정 index select $("..

Javascript 체크 방법 if( document.getElementById("videoUploadFile").files.length == 0 ){ console.log("no files selected"); } jQuery 체크 방법 if ($('#videoUploadFile')[0].files.length === 0) { console.log("No files selected."); } jQuery에서 $(selector)[0] 이 가지는 의미는 선택된 요소의 첫 번째 DOM 객체를 찾는 의미이다. 참고 https://bit.ly/3mwSKur How to check if input file is empty in jQuery Brand new to JS. I am trying to check if..

input 태그 숫자 입력 시 세자리 수 콤마를 입력하게 하는 코드, 기존과는 다르게 jQuery를 사용해서 새로운 attribute를 만들고 HTML 의 input 태그에 아래와 같이 적용하면 된다. $(document).on('keyup','input[inputmode=numeric]',function(event){ this.value = this.value.replace(/[^0-9]/g,''); // 입력값이 숫자가 아니면 공백 this.value = this.value.replace(/,/g,''); // ,값 공백처리 this.value = this.value.replace(/\B(?=(\d{3})+(?!\d))/g, ","); // 정규식을 이용해서 3자리 마다 , 추가 }); 사용예제