Category: 정리

2018
0
정리jQuery

jQuery 속성 선택자 정리

jQuery 속성 선택자 정리jQuery는 CSS의 선택자(Selector) 방식을 사용해서 DOM에 접근한다. 선택자에는 여러 종류가 있는데, 자주 사용하는 선택자로는 id 선택자, class선택자, tag선택자 등이 있는데 아래 살펴볼 속성 선택자는 클래스 속성이나 id 속성과 같이 대표적인 속성이 아닌 태그 안의 특정 속성들에 따라 스타일을 지정한다.

0
정리jQuery

jQuery API get 메서드

get() 메서드jQuery 객체와 일치하는 DOM 요소를 가져온다. get() 메서드는 각 jQuery 객체의 기본 DOM 노드에 대한 액세스를 허용한다. index의 값이 범위를 벗어나는 경우 undefined 값을 반환한다. 아래의 코드를 통해서 확인해보자

0
정리jQuery

jQuery API find 메서드

find() 메서드선택자, jQuery 객체 요소를 찾아서 일치하는 요소의 하위 요소를 찾는 메서드 즉 인자로 넘어간 선택자의 하위 요소를 찾아준다. find()와 children() 의 차이점은 find()는 DOM 레벨 트리에서 요소의 모든 자식 요소를 검색하고 children()은 DOM 레벨 트리에서 바로 아래 단계 자식 요소만을 추출하는 점에서 차이가 있다. 예제를 보자

0
정리jQuery

jQuery API data 메서드

data() 메서드일치된 요소와 임의의 data를 저장하거나 data의 key값으로 지정한 값을 가져올 수 있다. data() 메서드를 사용하면 모든 유형의 데이터를 DOM 요소에 추가할 수 있다. 12345$( "body" ).data( "foo", 52 );$( "body" ).data( "bar", { myType: "test", count: 40 } );$( "body" ).data( { baz: [ 1, 2, 3 ] } );$( "body" ).data( "foo" ); // 52$( "body" ).data(); // { foo: 52, bar: { myType: "test", count: 40 }, baz: [ 1, 2, 3 ] }

0
정리jQuery

jQuery API parents 메서드

선택자로 검색된 문서 객체의 태그 요소의 상위 요소(부모 요소들)를 반환한다. 부가적으로 반환된 jQuery 객체에 다른 메서드나 속성을 사용할 수 있다.

0
정리jQuery

jQuery API parent 메서드

선택자로 검색된 문서 객체의 태그 요소의 상위 요소(부모 요소)를 반환한다. 부가적으로 반환된 jQuery 객체에 다른 메서드나 속성을 사용할 수 있다.

0
정리jQuery

jQuery API append 메서드

매개변수로 지정된 내용을 각 요소의 끝에 삽입한다. 매개변수로 넘어간 요소에 마지막 자식 요소를 새로 추가한다.