Latest web development tutorials

jQuery를 UI의 API : - 데이터 () 선택기

범주

선택기 (선택기) | UI를 코어 (UI 코어)

용법

설명 : 데이터를 선택 지정된 저장의 핵심 요소였다.

jQuery( ":data(key)" )

参数 描述
key 数据的键。

식 $( "div:data(foo)") )") a로 일치 .data( "foo", value ) 데이터를 저장하기 위해 div .

예

, 데이터 요소를 선택하여 자신의 배경 색상을 변경합니다. 

<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
  <메타 문자 집합 = "UTF-8">
  <제목> : 데이터 () 선택기 예 </ 제목>
  <링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <스타일>
  사업부 {
    폭 : 100 픽셀;
    높이 : 100 픽셀;
    국경 : 1 픽셀 고체 # 000;
    플로트 : 왼쪽;
  }
  </ 스타일>
  <스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
 
<사업부 아이디 = "하나"> </ DIV>
<사업부 아이디 = "두"> </ DIV>
<사업부 아이디 = "셋"> </ DIV>
 
<스크립트>
$ ( "#one") .DATA ( "색상", "파란색");
$ ( "#three") .DATA ( "색상", "녹색");
 
$ ( ": 데이터 (컬러)") .each (함수 () {
  VAR 요소 = $ (이);
  element.css ( "backgroundColor로", element.data ( "색상"));
});
</ 스크립트>
 
</ BODY>
</ HTML>