i'm working on it

사진, 캠핑을 좋아하는 휘현/휘흔 아빠의 Life 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.

工夫/JAVASCRIPT+JQUERY

$(function(){ $("div .CLASS NAME").click(function() { if ($("input[name=INPUT NAME]").is(":checked")) { $("#BLOCK ID").show(); } else { $("#BLOCK ID").hide(); } }) }); ... ※ toggleclass를 이용하는 방법도 많이 쓰인다.

2021. 5. 16.

工夫/JAVASCRIPT+JQUERY

1. jQuery.com CDN : 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 항상 최신버전을 가져오기

2021. 5. 11.

工夫/JAVASCRIPT+JQUERY

var width = $(window).width(); ※ 해당 값을 text(); 이용하여 뿌려주면 되겠다. window대신에 요소를 선택하면, 해당 요소의 값을 얻는다. ※ height();는 높이값을 가져온다.

2021. 5. 11.

工夫/JAVASCRIPT+JQUERY

jQuery.noConflict(); (function ($) { // 이곳에 위의 스크립트를 입력 })(jQuery); ※ jQuery 식별자가 충돌하여 동작하지 않는경우에 해당 코드를 사용하여 사용하여 $ 식별자를 삭제하고, 익명 함수를 생성하여 해당 함수 내부에서만 $ 식별자를 사용할 수 있도록 한다.

2021. 5. 11.