jQuery 데이터 편 - 데이터 작업
일치하는 요소에 임의의 데이터를 저장하기
.data(key,value)
.data(obj)
key
유형은 문자열입니다.
데이터의 이름을 설정하는 문자열입니다.
value
새로운 데이터의 값;배열 또는 객체를 포함하는 모든 Javascript 유형이 됩니다.
obj
유형은 객체입니다.
업데이트할 키 값 쌍의 객체입니다.
. 데이터 () 방법은 DOM 요소에 모든 종류의 데이터 데이터를 추가할 수 있도록 합니다. 순환 인용을 피하는 방식으로 안전하고 메모리 유출을 일으키지 않습니다.
간단한 요소에 다른 값을 설정한 다음 가져올 수 있습니다.
$('body').data('foo', 52);
$('body').data('bar', { myType: 'test', count: 40 });
$('body').data('foo'); // 52
$('body').data(); // {foo: 52, bar: { myType: 'test', count: 40 }} javascript
jQuery 1.4.3에서 원소를 설정한 데이터 대상은 사용.데이터 (obj) 는 이 요소가 이전에 저장된 데이터를 확장합니다.jQuery 자체 사용.데이터 () 방법은 "evnets"와 "handle"이름 아래에 정보를 저장하고, 밑줄로 ""를 보존합니다.첫머리의 이름은 내부에서 사용한다.
jQuery 1.4.3 이전(jQuery 1.4에서 시작).데이터 () 방법은 데이터 대상만 확장하는 것이 아니라 모든 데이터를 완전히 대체합니다.만약 제3자 플러그인을 사용하고 있다면 요소의 데이터 대상을 완전히 바꾸는 것을 권장하지 않습니다. 플러그인도 데이터를 설정했을 수 있기 때문입니다.
브라우저와 플러그인과 외부 코드가 상호작용하는 방식을 감안하여데이터 () 방법은 플래시 플러그인이나 요소에 사용할 수 없습니다.
Note: 이 방법은 XML 문서에 데이터를 설정하는 크로스플랫폼 지원을 제공하지 않습니다. IE는 현재 브리 값 (expando) 의 속성을 설정하고 가져올 수 있는 데이터를 지원하지 않기 때문입니다.
.data( key )
데이터 (name,value)에 설정된 jQuery 집합의 첫 번째 요소에 저장된 이름난 데이터의 값을 되돌려줍니다
.data(key)
.data()
key
유형은 문자열입니다.
저장된 데이터의 이름.
. 데이터 () 방법은 DOM 요소에 모든 종류의 데이터 데이터를 추가할 수 있도록 합니다. 순환 인용을 피하는 방식으로 안전하고 메모리 유출을 일으키지 않습니다.
단순 요소에서 마지막으로 값을 가져오거나 값을 그룹화할 수 있습니다.
alert($('body').data('foo'));
alert($('body').data());
위 코드는alert가 바디 요소에 설정된 데이터 값입니다.요소에 설정된 값이 없으면 undefined로 되돌아옵니다.
alert( $("body").data("foo")); //undefined
$("body").data("bar", "foobar");
alert( $("body").data("bar")); //foobar
HTML5 데이터-* 속성
jQuery1.4.3에서 HTML5의 데이터 - 속성은 jQuery의 데이터 대상에 자동으로 삽입됩니다.포함된 대시 "-"에 대한 속성은 jQuery 1.6에서는 W3c HTML5 사양에 맞게 수정되었습니다.
예: 다음 HTML을 입력합니다.
所有下面的jQuery代码都正常工作。
$("div").data("role") === "page";
$("div").data("lastValue") === 43;
$("div").data("hidden") === true;
$("div").data("options").name === "John";
모든 시도는 문자열을 자바스크립트로 변환하는 데 사용되는 값 (booleans, objects,arrays,null 포함) 이며, 문자열로 변환되지 않습니다.문자열 형식의 속성 값을 가져오려면 변환을 시도하지 않고attr () 방법을 사용하십시오.데이터 속성이 대상일 때 ({로 시작하거나 그룹으로 시작하기), jQuery.parseJSON을 사용하여 문자열을 변환합니다. 문자열을 변환하려면 JSON 문법에 따옴표를 붙인 속성의 이름을 포함해야 합니다. 데이터 속성에 처음 접근할 때, 데이터-속성은 들어가거나 변경되지 않습니다. (모든 데이터 값은 jQuery 내부에 저장됩니다.)
파라미터가 없는 것을 호출합니다.데이터 () 메서드는 Javacript 객체의 모든 값을 가져옵니다.이 대상은 새 대상이 사용되지 않는 한 변수에 안전하게 캐시될 수 있습니다.데이터 방법.이 대상을 직접 사용해서 단독 호출보다 값을 가져오거나 설정합니다.데이터 ()가 모든 값을 가져오거나 설정합니다.
var mydata = $("#mydiv").data();
if ( mydata.count < 9 ) {
mydata.count = 43;
mydata.status = "embiggened";
}
Note: 이 방법은 현재 XML 문서에 데이터를 설정하는 크로스플랫폼 지원을 제공하지 않습니다. IE는 현재 브리 값 (expando) 의 속성을 설정하고 가져오는 것을 지원하지 않기 때문입니다.
.removeData( [name] )
이전에 저장된 데이터를 제거합니다.removeData([name]) .removeData([list])name 유형은 문자열입니다.삭제된 데이터 이름의 문자열list 형식은 그룹, 문자열입니다.수조나 빈칸을 구분하는 문자열의 이름을 삭제할 수 있도록 합니다.
.remvoeData() 방법을 사용하면 이전에 사용했던 것을 제거할 수 있습니다.데이터 () 설정의 값입니다.키워드의 이름을 사용할 때.removeData () 는 그 특정한 값을 삭제합니다.매개 변수를 사용하지 않으면 모든 값이 제거됩니다.jQuery 내부에서.데이터 () 저장소에서 데이터를 제거하는 것은 문서에 있는 HTML5 데이터 - 속성에 작용하지 않습니다.사용할 수 있습니다.removeAttr()가 제거됩니다.
사용하다.removeData ("name") 를 사용할 때, 내부 데이터 캐시에 이 이름의 속성이 없으면, jQuery는 이 요소에 데이터-속성을 지정하려고 시도합니다.데이터-속성을 다시 조회하지 않기 위해서 이name의 값을null 또는undefined (예:.data ("name",undefined)) 로 설정하고 사용하지 않습니다.removeData() 메서드입니다.
jQuery1.7에서는 키워드가 포함된 배열이나 공백으로 구분된 키워드 문자열을 사용합니다.removeData () 는 그룹이나 하위 열에 있는 키워드에 대응하는 값을 삭제합니다.
jQuery1.4.3 중, 호출.removeData () 는 이 속성의 값을 삭제하고 DOM 문서에서 같은 이름의 속성의 값을 복원합니다.undefined로 설정된 것이 아니라.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Ajax 이용시 로컬 파일이 CORS 에러가 되었을 때의 대응초보의 초보로 입문편의 참고서를 보면서 공부하고 있어, Ajax에서 로컬 파일을 호출하려고했지만 CORS 정책 오류로 인해 실패했습니다. 브라우저에서 로컬 파일(html)을 표시한 것뿐. 사용 브라우저는 chrome...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.