jQuery 数据 - hasData() 方法 概述
jQuery 2022-06-01 18:41:12小码哥的IT人生shichen
jQuery 数据 - hasData() 方法
实例
在元素上设置数据，然后查看 hasData 的结果：
$(function(){
var $p = jQuery("p"), p = $p[0];
$p.append(jQuery.hasData(p)+" "); /* false */
jQuery.data(p, "testing", 123);
$p.append(jQuery.hasData(p)+" "); /* true */
jQuery.removeData(p, "testing");
$p.append(jQuery.hasData(p)+" "); /* false */
});
完整实例：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<p>结果：</p>
<script>
$(function(){
var $p = jQuery("p"), p = $p[0];
$p.append(jQuery.hasData(p)+" "); /* false */
jQuery.data(p, "testing", 123);
$p.append(jQuery.hasData(p)+" "); /* true*/
jQuery.removeData(p, "testing");
$p.append(jQuery.hasData(p)+" "); /* false */
});
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
hasData() 方法检测元素是否拥有与之相关的任何 jQuery 数据。
语法
jQuery.hasData(element)
| 参数 | 描述 |
|---|---|
| element | 可选。需要检查其数据的 DOM 元素。 |
详细说明
jQuery.hasData() 方法检测元素当前是否拥有通过使用 jQuery.data() 设置的任何值。如果没有数据与元素相关（根本不存在数据对象或者数据对象为空），则该方法返回 false；否则返回 true。
jQuery.hasData(element) 的主要优势是，在不存在数据对象的情况下，不会创建并将数据对象与元素进行关联。相反地，jQuery.data(element) 总是向调用者返回数据对象，如果之前数据对象不存在，则会创建它。
