jQuery检测某个元素是否存在代码分享
更新时间：2015年07月09日 10:01:30 投稿：hebedich
本文给大家讲解的是使用jQuery检测某个元素是否存在的代码和思路，十分的实用，有需要的小伙伴可以参考下。
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。
使用$(selector)可以获得匹配元素集合，而匹配元素集合的length属性可以获得集合中匹配元素的个数，所以只要判断length属性值是否为零，就可以判断元素是否存在。代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#check").click(function(){
if($(".mytest").length>0){
alert("此元素存在");
}
})
})
</script>
<body>
<ul>
<li>太阳出来了</li>
<li>脚本之家</li>
<li class="mytest">div+css教程</li>
</ul>
<button id="check">点击检测</button>
</body>
</html>
如果集合中元素的数量大于零，那么元素存在，否则指定元素不存在。
以上所述就是本文的全部内容了，希望大家能够喜欢
相关文章
这篇文章主要介绍了jquery+ajax直接提交表单的方法,涉及jQuery调用ajax进行表单提交所涉及的表单序列化、数值传递与处理、回调函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
下面小编就为大家带来一篇引用jquery框架后出错的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要为大家详细介绍了jQuery webuploader分片上传大文件的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了jQuery中可见性过滤器简单用法,结合实例形式简单分析了jQuery中可见性过滤器的原理及相关使用技巧,需要的朋友可以参考下2018-03-03
jQuery事件绑定on()、bind()与delegate() 方法详解
这篇文章主要详细介绍了jQuery事件绑定的三种方法，分别是on()、bind()与delegate()，十分的浅显易懂，有需要的小伙伴可以参考下。2015-06-06
jquery的Theme和Theme Switcher使用小结
jquery的Theme和Theme Switcher使用总结，学习jquery Theme的朋友可以参考下。2010-09-09
这篇文章主要介绍了如何使用jQuery异步加载JavaScript脚本,需要的朋友可以参考下2014-04-04
jquery 学习之二 属性相关资料，学习jquery的朋友可以参考下。2010-11-11
很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？2011-09-09
本篇文章详细概述了jQuery选择器的作用并对其进行了实例解析，有助于理解与学习。文章通过对jQuery选择器进行分类的形式进行一一介绍，有助于理解与记忆，希望通过对本文的阅读对大家有所帮助2016-11-11
最新评论