i'm working on it

사진, 캠핑을 좋아하는 휘현/휘흔 아빠의 log입니다

工夫/JAVASCRIPT+JQUERY

기본동작 change() 메소드는 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 callback함수를 호출하며 주로 input,textarea,select 태그에 동작한다. 사용법 해당요소.change(실행할 코드); 사용예시 파일을 첨부 ※ 예시코드에서 파일이 등록되면 선택된 요소의 값인 value가 "" 에서 파일정보가 들어가면서, 변하게 되어 이를 change() 함수가 감지하여, 콜백함수를 호출한다.

2021. 5. 19.

工夫/JAVASCRIPT+JQUERY

※ 가장 많이 쓰이는 용례 매개 변수로 받은 것을 사용해 for in 반복문과 같이 배열이나 객체의 요소의 값을 가져오는 것 (자체로 반복문의 기능을 수행한다) 사용법 // jQuery 유틸리티 메서드 $.each(object, function(index, item){ }); // jQuery 일반 메서드 $(selector).each(function(index, item){ }) ※ 주로 $(selector).each(function(index, element)) 형태가 쓰인다. 예제코드 1 2 3 $('div').find('span').each(function(index, item) { console.log($(this).text()); }); //결과 1 2 3

2021. 5. 19.

工夫/JAVASCRIPT+JQUERY

eq() $("선택자").eq(숫자) ※ 선택한 요소의 인덱스 번호에 해당하는 요소를 가져옴, 숫자는 0 부터 시작함, 마이너스 값이 있다면, 역순 get() $("선택자").eq(숫자) ※ 선택한 요소의 인덱스 번호에 해당하는 요소를 가져옴, 숫자는 0 부터 시작함, 마이너스 값이 있다면, 역순 예제 ※ 선택한 요소중 N번째요소를 반환하지만, eq(), get()의 차이는 불러오는 방식으로 eq()의 경우 jQuery객체로 반환하며, get()은 DOM 개체로 반환합니다. 전자는 jQuery 매서드로 사용가능하지만, 후자는 불가능하다. index() $("선택자").이벤트종류(function(){ $("지정요소").index(); }); ※ eq(), get() 은 실제 '값'을 가져오고, index(..

2021. 5. 19.

工夫/JAVASCRIPT+JQUERY

each(); jQuery를 사용해 배열을 관리하고자 할 때 each() 메서드를 사용할 수 있다. each() 메서드는 매개 변수로 받은 것을 사용해 for in 반복문과 같이 배열이나 객체의 요소를 검사할 수 있는 메서드 each()의 2가지 사용타입 // jQuery 유틸리티 메서드 $.each(object, function(index, item){ }); // jQuery 일반 메서드 $(selector).each(function(index, item){ }) ※ 상세정보는 별도로 다루기로 함 change() 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 callback함수를 동작시킵니다. 해당 코드는 input,textarea,select 태그에 동작합니다. ※ 태그에서 파..

2021. 5. 16.