e.target.dataset과 jQuery의 .data()의 결과 값은 다를 수 있다.
e.target.dataset과 jQuery의 .data()의 결과 값이 다르다? 어떻게 된일인지 파악해보자. 환경정보 -jQuery : https://code.jquery.com/jquery-3.3.1.min.js 요구사항 data-lang 속성의 값이 'ko'인 타겟을 클릭하면 data-lang 값이 en으로 변경된다. 이 때 변경된 data-lang의 값을 타겟 재 클릭 시 가져오기 이슈사항 vue.js 를 사용하여 동적으로 리스트 생성했고, 동적으로 생성하는 타겟을 클릭 -> 동적으로 타겟의 값이 수정됨 -> 타겟을 재 클릭 시 결과 값이 e.target.dataset과 .data();의 값이 상이함. e.target.dataset의 경우 내가 의도한대로 수정된 결과 값을 리턴한다. 하지만 $(e..
우리는 때때로 동적으로 컨텐츠를 조작하기도 합니다. 어떠한 컨텐츠를 넣고 싶다는 예제로 알아보도록하겠습니다. // HTML 안녕하시렵니까? 이럴때 사용하는 메서드는 append(), prepend(), appendTo(), prependTo(), after(), before()가 있습니다. 하나하나 알아보겠습니다. append() - 선택된 요소에 포함되며 마지막 위치에 새로운 요소로 추가된다. See the Pen LYPwWyX by leeyoonseo (@okayoon) on CodePen. prepend() - 선택된 요소에 포함되며 첫번째 위치에 새로운 요소로 추가된다. See the Pen XWrvMeE by leeyoonseo (@okayoon) on CodePen. appendTo() - a..
placeholder.js 라이브러리 소스 분석 도전, 스터디 개념
placeholder.js 소스 분석 스터디! 283줄이니까 화이팅하게 봐보도록 하겠습니다! 스터디 개념으로 한 번 쭉 훑어본 것이므로,,,, 정확성+전체파악에는 무리가 있습니다. placeholder.js의 git주소입니다. -> https://github.com/mathiasbynens/jquery-placeholder mathiasbynens/jquery-placeholder A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet - mathiasbynens/jquery-placeholder github.com w3.schools이나 mdn에서 설명을 잘~ 해주고 있기는..
02. Rest 파라미터 - 스프레드(Spread) 연산자와 Rest 파라미터 Spread 연산자로 파라미터를 작성한 형태를 Rest 파라미터라고 한다.function(param, paramN, ...rest);const number = [1,2,3]getNum(...number); function getNumt(num1, num2, num3){ console.log(num1, num2, num3); } 결과 값num1 = 1num2 = 2num3 = 3 호출하는 함수의 파라미터에 3개의 값을 쓰고 호출받는 함수의 파라미터를 2개의 값만 썼을 경우 3번째 파라미터 값은 설정되지 않는다.(예제1)이때, rest 파라미터를 사용함으로써 배열 엘리먼트로 저장할 수 있다.(예제2)(예제1) getNum(...[..