📌  相关文章
📜  jquery：如果元素存在于 DOM 中,则返回 true 或 false - C# (1)

📅  最后修改于: 2023-12-03 15:32:15.218000             🧑  作者: Mango

jQuery: 判断元素是否存在于 DOM 中

在开发中，我们常常需要判断某个元素是否存在于 DOM 中。jQuery 提供了一个方法用于判断元素是否存在于 DOM 中，即 jQuery.contains() 方法。

语法
jQuery.contains(container, element)
  • container：定义要搜索的 DOM 容器。
  • element：定义要查找的元素。
返回值

如果指定元素存在于指定的 DOM 容器中，返回 true；否则返回 false。

示例

下面是一个简单的示例，展示了如何使用 jQuery.contains() 方法来判断元素是否存在于 DOM 中：

<!DOCTYPE html>
<html>
<head>
	<title>jQuery contains() 方法示例</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(function() {
            var container = document.getElementById("container");
            var element = document.getElementById("element");
            var isInDOM = jQuery.contains(container, element);
            console.log(isInDOM);
        });
    </script>
</head>
<body>
    <div id="container">
        <span>Hello world!</span>
    </div>
    <script>
        // 模拟 DOM 操作
        var div = document.createElement("div");
        div.setAttribute("id", "element");
        document.body.appendChild(div);
    </script>
</body>
</html>

在此示例中，首先在 HTML 页面中定义了一个 #container 容器，然后使用 JavaScript 动态添加了一个 #element 元素。最后，通过调用 jQuery.contains() 方法来判断 #element 元素是否存在于 #container 容器中。通过在控制台输出结果，可以看到 #element 元素不存在于 #container 容器中，因此返回结果为 false。

总结

通过使用 jQuery.contains() 方法，我们可以方便地判断某个元素是否存在于指定的 DOM 容器中。在实际开发中，这种方法可以帮助我们更快速、更准确地完成一些特定的 DOM 操作。