일상, 핸드메이드 감성 플라워 소품샵

data() 1. 속성 추가 - $(selector).data(key, value) key는 string type의 변수로 말 그대로 데이터가 저장될 key 값이다.value는 object type으로 javascript에서 지원하는 모든 type의 데이터를 저장할 수 있다. 2. 속성 가져오기 - $(selector).data(key) key는 위에서 저장한 데이터를 가져오기 위한 key 값이다.key를 생략하여 .data()로 사용도 가능하며, 결과는 해당 엘리먼트에 저장된 모든 데이터들이 JSON 형식으로 나온다. 3. 속성 삭제 - $(selector).removeData(key) key는 string type으로 삭제할 데이터의 key값이다. attr() 1. 속성 추가 - $(selector)..

Ajax (Asynchronous JavaScript and Xml) 란? - Ajax는 Asynchronous JavaScript and Xml의 약자로 비동기식 서버와 통신하는 방식입니다. 이 때 XML을 이용하고, 최근에는 JSON (JavaScript Object Notation)을 많이 사용합니다. 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미를 지닙니다. (비동기성을 통해 페이지 전체를 refresh 하지 않고 일부분만 업데이트를 할 수 있습니다.) 결과가 주어지는 시간이 길어져도 그 시간 동안 다른 작업을 할 수 있으므로 조금 더 효율적으로 자원을 사용할 수 있는 장점이 있습니다. jQuery를 이용한 Ajax jQuery에서는..

[jQuery] selector(선택자) 란 / selector 예제 selector (선택자) 란- jQuery의 selector는 DOM의 요소들의 집합에 쉽게 접근할 수 있도록 제공하는 기술입니다. 선택자를 사용해 요소를 먼저 선택해 오고, 선택한 요소에 스타일(CSS) 또는 속성(Attribute)을 적용할 메서드(Method)를 작성 jQuery 선택자에는 직접 선택자인접 선택자- 이미 선택한 요소를 기준으로 근접한 요소의 관계를 따져 선택함.탐색 선택자- 선택된 요소 중 더 세밀하게 선택할 수 있는 선택자 라는 html이 있다고 가정 합니다. 기존 javascript에서는 document.getElementById(“test”); 위와 같은 문법으로 input 태그에 접근이 가능했지만, jQu..

[jQuery] .append() vs .appendTo() 와 .prepend() vs .prependTo() 웹 개발을 하다 보면 웹 페이지를 동적으로 만들어야 할 경우가 많이 있는데 그러한 경우에 사용할 수 있는 함수 들입니다.(버튼을 클릭 했을 때, 웹페이지의 형태를 바꿔야 한다 등) 우선, append(appendTo)와 prepend(prependTo) 를 비교하자면 append 와 appendTo 는 새로운 요소를 타겟(Target)에 해당하는 요소 마지막에 추가 해주고, prepend 와 prependTo 는 새로운 요소를 타겟(Target)에 해당하는 요소 처음 부분에 추가 해줍니다. append(), appendTo(), prepend(), prependTo() 를 사용할 경우, 부모자..