jQuery.data()의 소개와 사용 예.

정의 및 사용법

data() 메서드는 선택한 요소에 데이터를 추가하거나 선택한 요소에서 데이터를 가져옵니다.

Note: 이는 낮은 수준의 방법으로 .data()를 사용하는 것이 더 편리합니다.

요소에서 데이터를 반환합니다.

선택한 요소에서 추가 데이터를 반환합니다.

Syntax

$(selector).data(name)

매개변수                 설명

name             선택사항입니다. 검색할 데이터의 이름을 지정합니다.

이름을 지정하지 않으면 이 메서드는 요소에 저장된 모든 데이터를 개체 형식으로 반환합니다.

요소에 데이터 추가

선택한 요소에 데이터를 추가합니다.

구문

$(selector).data(이름,값)

매개변수 구문 설정할 데이터의 이름을 지정합니다. ​ ​

값 ​ ​ ​ 필수입니다. 설정할 데이터의 값을 지정합니다.

객체를 사용하여 요소에 데이터 추가

이름/값 쌍이 있는 객체를 사용하여 선택한 요소에 데이터를 추가합니다.

Syntax

$(selector).data(

object

)
이 방법은

JQuery

버전 문제와 관련이 있습니다. 이제부터 1.9입니다. 1 이하는 low 버전, 3.0 은 high 버전으로 부르겠습니다. 테스트 예시에서 사용한 showMessage 메소드는 다음과 같습니다

showMessage.i = 0;
function showMessage(object)
{
　　var body = $("body")[0];
　　var $p =$("#debugp");
  
　　if($p.length==0)
　　{
　　　　$p = $("<p/>").attr("id","debugp");
　　　　$(body).prepend($p);
　　}
　　$p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object;
}

(0)$.data(obj,key,value)

key 값은

숫자 또는 객체(var lol={})인 String

type은 의미가 없습니다. 값은 일반 유형일 수 있습니다.

reference

type인 경우 복제본a 대신 참조가 전달됩니다.

var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));

$.data는 실제로 obj.sex="female"과 유사한 객체 속성에 데이터를 저장합니다. $.data를 통해 obj에 키를 몇 개 추가하더라도 obj에는 jQuery300082932543555993442와 유사한 키가 하나만 더 있습니다.

300082932543555993442 jQuery에서 생성된 임의의 숫자입니다. 추가한 데이터는 객체에 키-값 형식으로 저장됩니다. 상위 버전은 for-in을 통해 jQuery300082932543555993442를 통과할 수 있습니다.

b.

값이 객체인 경우 참조

var husband = ["蛮族之王"];
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"husband",husband);
$.data(obj,husband)[0] = "遁地龙卷风";
showMessage($.data(obj,husband));//输出   遁地龙卷风

(2)

$(selector).data(key,value)
$("#lol").data("name","寒冰射手");
showMessage($("#lol").data("name"));

$(selector).data는

data

를 HTML DOM 요소에 바인딩하고 나머지는 디버그 도구를 통해서만 볼 수 있습니다. 특징은 $.data 와 동일합니다. 방법은 동일하지만 for-in을 통해 추가된 객체를 얻을 수 있습니다

위 내용은 jQuery.data()의 소개와 사용 예.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!