我们先来看一个例子：
<div id="wrap" data-id="10" data-name="zhangyaochun"> </div>
获取data-id的值：
//第一感觉
$("#wrap").attr("data-id");
从jquery1.4.3开始，html5 data-属性将自动被引用到jquery的数据对象中
会自动存储到$.cache下面
//方式二
$("#wrap").data("id");
扩展阅读：
http://www.css88.com/jqapi-1.9/data/
相关推荐
现在，让我们深入探讨一下`data()`在jQuery中的用法，并通过案例来理解其功能。 1. **数据绑定**： - `$(selector).data(key, value)` 使用`data()`方法，我们可以将任意类型的数据（如字符串、数字、对象等）...
**jQuery的Ajax用法详解** 在Web开发中，Ajax（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下与服务器进行数据交互，极大地提升了用户体验。jQuery库简化了JavaScript中的Ajax操作，使得...
JQuery 的 AJAX 用法是前端开发中常用的技术，它简化了原生 JavaScript 中的 AJAX 操作。AJAX，即异步JavaScript和XML，是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。JQuery 提供了一系列方便的API，...
本篇文章将深入探讨jQuery的基础用法，通过一系列实例来帮助你理解和掌握这一强大的工具。 1. **选择器（Selectors）**：jQuery的选择器类似于CSS，用于选取页面上的HTML元素。例如，`$("#id")`选取ID为"id"的元素...
本篇文章将深入探讨jQuery的一些经典用法，帮助开发者更好地理解和运用这个强大的工具。 一、选择器（Selectors） jQuery的核心在于其强大的选择器功能，它允许开发者以CSS样式的方式来选取DOM元素。例如： 1. `$(...
这篇文章将详细解析jQuery中`.data`方法的用法以及其背后的实现机制。 一、实现原理 jQuery的数据缓存机制基于一个全局缓存对象`jQuery.cache`，它用于存储所有DOM元素的关联数据。每个DOM元素都有一个唯一的ID，...
本文实例讲述了jQuery判断自定义属性data-val用法。分享给大家供大家参考，具体如下： jquery判断自定义属性data-val 1.css .active { color: red; } 2.html <li data-val=1>1 <li data-val=2>2 <li data-...
在frameset中frame页面读取另一frame页面$.data数据
2. **基本用法**：在页面中创建一个 `<select>` 元素，然后在文档加载完成后，应用 `searchableSelect` 函数。 ```html <option value="option1">Option 1 <option value="option2">Option 2 <!-- 更多选项... -...
本篇文章将深入探讨jQuery的各种函数用法，并通过实例来帮助你理解和应用这些功能。 一、选择器（Selectors） jQuery的选择器与CSS选择器相似，允许你高效地选取DOM元素。例如： ```javascript $('div') // 选取...
**jQuery.formautofill 表单填充控件详解** 在Web开发中，处理表单数据的填充是一项常见的任务。为了提高开发效率和用户体验，开发者们经常寻找自动化解决方案，以简化表单字段的赋值过程。这里我们要介绍的是...
基本用法如下： ```javascript $.post("test.php", { name: "John", time: "2pm" }) .done(function( data ) { alert("Data Loaded: " + data); }); ``` 当服务器返回数据后，通常会调用回调函数，其中的数据...
首先，让我们澄清一下 `data` 方法的基本用法。`$.data()` 和 `$(selector).data()` 是两种主要的调用形式。前者用于操作 JavaScript 对象上的数据，而后者则用于操作 DOM 元素上的数据。 1. `$.data(obj, key, ...
以下将详细介绍jQuery-data的三种主要用法： 1. **给普通对象储存单个属性和取值** 使用`$.data()`方法，可以为一个JavaScript对象添加数据属性。例如： ```javascript var obj = {}; $.data(obj, 'name', 'xm'...
对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$...success: function (data) { $.ajax({ url: /home/GetProduct, dataType: JSON, type: GET, success: function (data) { $.a
在 `jQuery.blockUI` 的用法中，首先需要引入 jQuery 库和 blockUI 插件的 JavaScript 文件。从提供的文件列表来看，`jquery-1.6.1.min.js` 是 jQuery 的库文件，而 `jquery.blockUI.js` 则是 blockUI 插件本身。在 ...
### jQuery中Ajax的用法实例 #### 一、概述 jQuery 是一款优秀的 JavaScript 库，其简化了许多 HTML 文档操作、事件处理、动画以及 Ajax 交互。尤其在处理 Ajax 方面，jQuery 提供了一系列简单易用的方法，使得...
本文主要介绍jQuery中如何使用push()方法来向数组末尾添加元素，并返回新的数组长度。 首先，push()方法是JavaScript的原生方法，jQuery对其进行了封装，使其能够应用于jQuery对象。push()方法的用法和普通的...
本教程将通过"Jquery新手入门源码"来帮助初学者理解jQuery的核心概念和基本用法。 ## 一、jQuery的引入 首先，要使用jQuery，你需要在HTML文件中引入jQuery库。通常，这可以通过在`<head>`标签内添加以下代码来...