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 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 Javascript
jQuery表格插件datatables用法总结
Sep 05 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
python中__call__内置函数用法实例
2015/06/04 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
Python WXPY实现微信监控报警功能的代码
2017/10/20 Python
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
python实战教程之自动扫雷
2018/07/13 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
Python3 socket即时通讯脚本实现代码实例(threading多线程)
2020/06/01 Python
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
附答案的Java面试题
2012/11/19 面试题
期终自我鉴定
2014/02/17 职场文书
股份合作协议书
2014/04/12 职场文书
课外科技活动总结
2014/08/27 职场文书
爱心捐助活动总结
2015/05/09 职场文书
遗嘱格式范本
2015/08/07 职场文书
党员干部学习心得体会
2016/01/23 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
Python中re模块的元字符使用小结
2022/04/07 Python