Jquery-data의 세 가지 사용 사례 분석

이 글에서는 주로 Jquery-data의 세 가지 용도를 소개합니다. 매우 좋은 참조 값을 가지고 있습니다. 아래 편집기를 살펴보겠습니다. 모든 사람에게 도움이 되기를 바랍니다.

Jquery-data 사용 기록:

jQuery-data는 주로 데이터를 저장하는 데 사용되며 일반 객체나 jQuery 객체가 데이터를 저장하는 데 도움을 줍니다. 실제로 단순히 dom의 단일 속성을 저장하는 경우에는 다음을 사용합니다. 속성을 정의하는 것만으로도 충분합니다. 여러 키-값 쌍을 저장하는 경우 jQuery-data를 사용하는 것이 좋습니다.

예: 많은 플러그인은 이미지 지연 로딩을 위해 jquery-data를 사용합니다. jquery-data에서 이미지의 실제 주소를 만들고 이벤트를 듣고 실제 주소를 꺼내기 전에 그림으로 슬라이드할 때까지 기다립니다.

사용법 1: 공통 개체에 대한 단일 속성과 값을 저장합니다.

 <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
 var obj = {};
 $.data(obj, &#39;name&#39;, &#39;xm&#39;); // 赋值
 var str = $.data(obj, &#39;name&#39;); // 读取值
 console.log(str) // "xm"

사용법 2: 공통 객체에 대한 여러 속성 및 값 저장 값

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = {};
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"

사용법 3: Jquery DOM 객체에 값 할당

<p class="demo"></p>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $(&#39;.demo&#39;);
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"
// 就是把obj换成jquery对象这么简单

관련 권장 사항:

PHP는 중국어로 왜곡된 MySQL 저장 데이터를 어떻게 해결합니까?

저장 데이터에 대한 자세한 소개

클라이언트 측에 데이터를 저장하는 html5의 여러 예에 대한 자세한 설명

위 내용은 Jquery-data의 세 가지 사용 사례 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!