jquery操作HTML5 的data-*的用法实例分享
阅读HTML5的详细规范后你会发现，这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。
jquery 里已经内置这个方法. 通过 $(‘#content‘).data(‘list'); 就能获取数据. 这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jquery操作HTML5 的data-*的用法</title>
</head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script>
$(function(){
//读取data-*的值
$("li").each(function(v) {
console.log($(this).data('name'));
});
//设置data-*的值
$("li").eq(0).data('name','bryant');
$("li").each(function(v) {
console.log($(this).data('name'));
});
//删除data-*的值 这里使用的是removeAttr，测试官方的removeData是不起作用的
$("li").eq(0).removeAttr('data-name');
$("li").each(function(v) {
console.log($(this).data('name'));
});
})
</script>
<body>
<ul>
<li data-name="kobe">科比</li>
<li data-name="gasol">加索尔</li>
<li data-name="nash">纳什</li>
<li data-name="fisher">费舍尔</li>
</ul>
</body>
</html>
-
本文向大家介绍jQuery链式操作实例分析，包括了jQuery链式操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下： 从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 以上代码为整个<div>列表增加样式css1,然后再进行筛选，再为筛选的元素单独增加css2样式
-
本文向大家介绍jQuery中DOM操作实例分析，包括了jQuery中DOM操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery中DOM操作的方法。分享给大家供大家参考。具体分析如下： 这里主要设计的dom操作包括：dom对象的创建(JS方式和jquery方式)、属性的修改、样式的修改、动态绑定事件 代码如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery分页优化操作实例分析，包括了jquery分页优化操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery分页优化操作。分享给大家供大家参考，具体如下： 前言 上次写了博客 jquery分页显示，文章的jquery分页方式虽然可以通过js实现分页，但是也存在明显的弊端。 该篇文章的思路是，每次通过ajax请求获取到记录，然后通过判断当前页面，显示或者
-
本文向大家介绍jQuery队列操作方法实例，包括了jQuery队列操作方法实例的使用技巧和注意事项，需要的朋友参考一下 jQuery核心中, 有一组队列控制方法, 这组方法由queue()/dequeue()/clearQueue()三个方法组成, 它对需要连续按序执行的函数的控制可以说是简明自如, 主要应用于animate ()方法, ajax以及其他要按时间顺序执行的事件中. 先解释一下这组方
-
本文向大家介绍jQuery操作基本控件方法实例分析，包括了jQuery操作基本控件方法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery操作基本控件方法。分享给大家供大家参考，具体如下： 1. 根据控件的样式class获取控件 2. 根据控件的ID获取控件 3. 根据控件的name获取控件 4. 遍历一组控件 5. 操作控件的CSS样式 6. 操作控件的普通属性 希望本文
-
本文向大家介绍jquery操作checkbox示例分享，包括了jquery操作checkbox示例分享的使用技巧和注意事项，需要的朋友参考一下 checkbox操作 1. 全选、全不选 2.打印所有的选中项目