JQuery hasData() 方法

JQuery hasData() 方法用于检查元素是否有与之关联的数据。该函数可用于检查是否已经存储特定的数据在元素上，包括通过类似data方法设置的数据。JQuery hasData()方法返回一个布尔值 true 或 false ，用于表示指定元素是否有数据。

语法

$(selector).hasData();

其中，selector 参数是一个字符串，用于指定要检查的元素。该参数可以是一个类、ID、元素名称或一组元素。

返回值

根据函数执行结果不同，hasData() 方法返回不同的结果值：

• 如果指定的元素拥有与之关联的数据，则返回 true，否则返回 false。

实例

假设有一个 HTML 页面，包含以下标记：

<div id="box" data-color="green"></div>
<div class="textBox" data-color="blue"></div>

使用 JQuery hasData() 方法可以检查这些元素是否有数据。下面的代码片段演示了如何使用 hasData() 方法来检查上述两个元素：

// 检查元素上是否有数据
console.log($("#box").hasData()); // 输出 true
console.log($(".textBox").hasData()); // 输出 true

// 检查元素上是否包含指定的数据
console.log($("#box").hasData("color")); // 输出 true
console.log($(".textBox").hasData("color")); // 输出 true

// 检查元素上是否包含不存在的数据
console.log($(".textBox").hasData("size")); // 输出 false

从上述代码可以看出，在检查元素是否有数据时，可以不指定参数，也可以通过指定参数来检查元素是否包含指定的数据。如果元素不包含指定的数据，则返回 false。