`
hyj1254
  • 浏览: 341017 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery的data函数

阅读更多
  今天试着使用了下这个函数,真是万事开头难,碰了个灰头土脸,完整的demo在附件里,这里把主要逻辑贴上,请达人指教(问答没分了....):
<script>
$(function(){
$("#test").data("mydata",{
name:"hero"
});
alert($("#test").data('mydata').name);
$('#test').change(function(){
var obj = $(this);
alert($.data(obj,'mydata'));//undefined
});
});
</script>

第一句alert正常,而标注的那一行则在页面里报undefined。
请问该怎么写才行。
实际需求是要在'#test'元素上绑定一堆参数,在单击它时把它们都取出来,data函数能用在这个场景吗?

=========
事隔多日,解决了。
应该这样写:
obj.data('mydata');
分享到:
评论
1 楼 waoo0325 2010-11-05  
请问:在使用jquery data函数时,先为指定指定的控件[文本框/input:text]增加多个自定义数据,
能不能获取这些自定义数据的总个数?

相关推荐

    jQuery基础函数

    **jQuery基础函数详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能,深受前端开发者喜爱。本文将深入探讨jQuery的基础函数,帮助初学者更好地理解和掌握这一工具。 1. **选择器(Selectors)*...

    jquery封装函数,前后端分离框架

    例如,可以封装一个`loadData`函数用于通过AJAX从服务器获取数据,或者一个`validateForm`函数用于验证表单输入的有效性。这样,这些功能在项目中的任何地方都可以轻松调用,避免了重复编写相同的代码。 2. **静态...

    JQuery各Ajax函数说明

    ### JQuery中的Ajax函数详解 #### 一、$.get() **函数定义**: ```javascript $.get(url, [data], [callback]) ``` **说明**: `$.get()` 是 jQuery 提供的一个用于发起 GET 请求的简便函数。它允许你向服务器...

    jQuery常用函数总结

    ### jQuery常用函数总结 在现代Web开发中,jQuery作为一个轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。下面将详细介绍jQuery中的一些常用函数及其应用场景,...

    jQuery.data() 的实现方式

    在jQuery源码中,`data()` 方法的实现涉及到多个函数,如 `_data`、`_removeData` 和 `attrFn`。这些函数处理了数据的存储、读取和删除操作,以及与 `data-*` 属性的交互。源码阅读有助于理解其内部逻辑,比如如何...

    jQuery实现的Ajax函数(已测试)——ASP

    最后,对于文件上传,jQuery的Ajax函数不能直接处理,但可以借助插件如`form-data`和`jQuery Form Plugin`来实现。这些插件允许我们通过Ajax方式上传文件,同时处理进度反馈和其他复杂情况。 总的来说,jQuery为ASP...

    逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)

    首先给大家介绍jquery data()函数 jQuery中data()函数用于向被选元素附加数据,或者从被选元素获取数据。通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在。 一、jquery data()的...

    jquery API 函数介绍使用

    **jQuery API 函数介绍使用** jQuery 是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在本文中,我们将深入探讨jQuery API,了解其核心函数和常见...

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    在深入探讨Jquery中的Ajax函数之前,我们先简要了解Ajax(Asynchronous JavaScript and XML)的概念。Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这使得Web应用程序可以更加流畅地运行,...

    JQuery功能函数

    **jQuery功能函数详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能,深受前端开发者喜爱。它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery的功能...

    使用JQuery load函数异步分页实例

    在本实例中,我们将探讨如何利用jQuery的`load()`函数实现这种功能。`load()`函数是jQuery提供的一个强大的Ajax方法,主要用于从服务器加载HTML片段并将其插入到DOM中。 首先,我们要理解jQuery的`load()`函数的...

    jquery 第13章 函数

    本章将深入探讨jQuery中的函数,这是jQuery的核心部分,也是编写高效代码的关键。 一、jQuery函数的基本概念 jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等...

    jquery自定义函数的多种方法

    在jQuery中,自定义函数是开发过程中非常常见且实用的功能,可以提高代码的复用性和模块化程度。这里我们探讨几种不同的方法来实现jQuery自定义函数。 首先,我们可以直接在jQuery对象上定义方法。比如: ```...

    Jquery函数

    本文将详细阐述jQuery中的几个关键函数,包括`$.get()`, `$.post()`, `$.ajax()`, 和 `$.getJSON()`,以及它们在实际开发中的应用。 首先,`$.get()`函数用于发起一个GET请求到指定的URL,它接收三个参数:`url`、`...

    Jquery函数资源包

    **jQuery函数资源包详解** jQuery,一个轻量级、高性能的JavaScript库,极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。在网页开发中,jQuery扮演着至关重要的角色,它使得开发者能够更高效地...

    JQuery函数全面教程

    **jQuery函数全面教程** 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨jQuery的核心函数,帮助你掌握这个强大工具的各个方面。 1. **...

    jquery AJAX 回调函数取JSON成功代码

    另外,如果你的JSON数据是在本地文件系统中,如在压缩包中的'jquery 回调函数成功代码'文件,你可能需要使用file协议来访问,但这通常只在开发环境中可行,因为浏览器的安全策略通常不允许跨域请求本地文件。...

    深入学习jQuery中的data()

    在 jQuery 内部,有两个 Data 构造函数实例:`dataPriv` 是私有的,不建议用户直接操作;`dataUser` 是供用户使用的,我们通常通过 `dataUser` 实例调用 `data()` 方法来处理数据。 每个 Data 实例有一个 `expando`...

    jquery ajax无刷新技术

    `$.ajax()`是jQuery中最常用的AJAX函数,其基本语法如下: ```javascript $.ajax({ type: 'GET', // 请求类型,常见的有GET和POST url: 'http://example.com/data', // 请求地址 data: {key1: 'value1', key2: '...

Global site tag (gtag.js) - Google Analytics