微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQuery怎么判断元素是否存在

JQuery判断元素是否存在,我们可以使用jQuery .length属性来实现。当DOM中存在特定元素时触发某个事件,那么就可以使用jQuery .length属性来确定元素是否存在。

下面我们就结合简单的代码示例,为大家介绍JQuery判断元素是否存在的具体方法

代码示例如下:

<!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不存在时,点击按钮显示如下图:

2e401d7b517220ac9c53fa2b1ce1bee.jpg

:length 属性包含 jQuery 对象中元素的数目。

本篇文章就是关于JQuery判断元素是否存在的介绍,,也很简单,希望对需要的朋友有所帮助!

以上就是JQuery怎么判断元素是否存在的详细内容,更多请关注编程之家其它相关文章

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐