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

目录
相关文章
|
5月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
45 5
|
4月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
59 1
|
4月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
75 6
|
5月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
43 10
|
5月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
36 5
|
5月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
22 3
|
5月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
48 2
|
5月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
72 7
|
5月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
36 2
|
5月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
54 1