Jquery-data 의 세 가지 용법

기록 해 봐.
Jquery-data 의 용도:
jQuery-data 는 주로 데 이 터 를 저장 하고 일반 대상 이나 jQuery 대상 이 데 이 터 를 저장 하도록 도와 주 는 데 사 용 됩 니 다.사실은 dom 의 단일 속성 을 단순히 저장 하면 attr 로 속성 을 사용자 정의 하면 충분 합 니 다.여러 키 를 저장 하면 jQuery-data 를 사용 하 는 것 을 권장 합 니 다.
예 를 들 어 그림 의 게 으 름 에 많은 플러그 인 을 불 러 오 면 jquery-data 를 사용 합 니 다.먼저 그림 의 실제 주 소 를 jquery-data 에 저장 하고 감청 사건 을 해서 이 그림 에 미 끄 러 질 때 까지 기 다 렸 다가 실제 주 소 를 꺼 냅 니 다.
용법 1:일반 대상 에 게 단일 속성 과 값 을 저장 합 니 다.

 <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
 var obj = {};
 $.data(obj, 'name', 'xm'); //   
 var str = $.data(obj, 'name'); //    
 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, 'name1'); //    
 var str2 = $.data(obj, 'name2'); //    
 console.log(str1) // "xm"
 console.log(str1) // "xh"

용법 3:Jquery dom 대상 에 게 값 을 부여 합 니 다.

<div class="demo"></div>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $('.demo');
 $.data(obj,{name1:"xm",name2:"xh"}); //   
 var str1 = $.data(obj, 'name1'); //    
 var str2 = $.data(obj, 'name2'); //    
 console.log(str1) // "xm"
 console.log(str1) // "xh"
//    obj  jquery      

이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!