jQuery.data()方法

简介:

data() 方法向被选元素附加数据,或者从被选元素获取数据。也是以一种键值对的形式存在。

 

实例一:

$("#btn1").click(function(){

      $("div").data("greeting", "Hello World");   //  向被选元素附加数据

});

 

$("#btn2").click(function(){

         alert($("div").data("greeting"));             //   获取数据,获取键为"greeting"的值,应该为Hello World

});

 

 

实例二:

  testObj=new Object();
  testObj.greetingMorn="Good Morning!";
  testObj.greetingEve="Good Evening!";


  $("#btn1").click(function(){
    $("div").data(testObj);
  });


  $("#btn2").click(function(){
    alert($("div").data("greetingEve"));        // 输出"Good Evening!"
  });

 

原帖地址:http://www.w3school.com.cn/jquery/data_jquery_data.asp

目录
相关文章
|
4天前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
23 10
|
1天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
11 5
|
4天前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
14 7
|
2天前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
10 2
|
5天前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
13 3
|
10天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
28 9
|
8天前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
11 3
|
10天前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
19 6
|
16天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
19 6
|
14天前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
23 3