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 相关文章推荐
五段实用的js高级技巧
Dec 20 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
JavaScript计算两个日期时间段内日期的方法
Mar 16 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
微信小程序实现下拉框功能
Jul 16 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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 HTML代码串 截取实现代码
2009/06/29 PHP
php上传文件常见问题总结
2015/02/03 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
vue2 中二级路由高亮问题及配置方法
2019/06/10 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
python实现微信自动回复功能
2018/04/11 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
前处理组长岗位职责
2014/03/01 职场文书
个人贷款承诺书
2014/03/28 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
高中生毕业评语
2014/12/30 职场文书
成绩报告单家长评语
2014/12/30 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技