jQuery检测某个元素是否存在代码分享


Posted in Javascript onJuly 09, 2015

代码中可能有这样的情况,根据元素是否存在来执行不同的操作,这样就需要判断指定的元素是否存在。

使用$(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>

如果集合中元素的数量大于零,那么元素存在,否则指定元素不存在。

以上所述就是本文的全部内容了,希望大家能够喜欢

Javascript 相关文章推荐
javascript设置连续两次点击按钮时间间隔的方法
Oct 28 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
动态加载js文件简单示例
Apr 21 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
vue计算属性及使用详解
Apr 02 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
Sep 21 Javascript
jquery.map()方法的使用详解
Jul 09 #Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 #Javascript
javascript+ajax实现产品页面加载信息
Jul 09 #Javascript
浅谈JavaScript中null和undefined
Jul 09 #Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 #Javascript
JavaScript包装对象使用详解
Jul 09 #Javascript
jquery实现表单验证并阻止非法提交
Jul 09 #Javascript
You might like
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
Display SQL Server Version Information
2007/06/21 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
python获取栅格点和面值的实现
2020/03/10 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
关于责任的演讲稿
2014/05/20 职场文书
生日宴会策划方案
2014/06/03 职场文书
超市创业计划书
2014/09/15 职场文书
论文评审意见
2015/06/05 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
Netty结合Protobuf进行编解码的方法
2021/06/26 Java/Android