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

目录
相关文章
|
3月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
35 5
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
28 1
|
2月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
53 6
|
3月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
31 10
|
3月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
32 2
|
3月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
16 3
|
3月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
24 5
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
35 1
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
18 2
|
3月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
57 7