在我们编写网页时经常会用到 jQuery, 这篇文章主要介绍了 jQuery 判断元素是否存在的方法, 希望对大家有一定的帮助.
jQuery 判断元素是否存在, 我们可以使用 jQuery .length 属性来实现. 当 DOM 中存在特定元素时触发某个事件, 那么就可以使用 jQuery .length 属性来确定元素是否存在.
实例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- jQuery 判断元素是否存在的示例
- </title>
- <script src="https://code.jquery.com/jquery-1.12.4.min.js">
- </script>
- <script type="text/javascript">
- $(function() {
- $("button").click(function() {
- if ($("#myDiv").length) {
- alert("元素已存在");
- } else {
- alert("元素不存在");
- }
- });
- });
- </script>
- </head>
- <body>
- </body>
- <div id="myDiv">
- </div>
- <p>
- 点击下面的按钮检查元素
- </p>
- <button>
- 检查元素
- </button>
- </HTML>
上述代码中, 我们给 button 添加了一个点击事件, 当点击 button 按钮, 就会触发判断元素的方法, 如果指定的 div 存在就会弹出 "元素已存在" 的提示, 相反就会弹出 "元素不存在" 的提示.
判断结果如下所示:
当存在 div 时, 点击按钮后显示如下图:
当 div 不存在时, 点击按钮显示如下图:
注: length 属性包含 jQuery 对象中元素的数目.
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/16846.html