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 parseInt与Number函数的区别
Jan 21 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 Javascript
Ant design vue中的联动选择取消操作
Oct 31 Javascript
如何利用js在两个html窗口间通信
Apr 27 Javascript
详解Vue router路由
Nov 20 Vue.js
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学习之function的用法
2012/07/14 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
关于Javascript 的 prototype问题。
2007/01/03 Javascript
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
web 页面分页打印的实现
2009/06/22 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
2017/03/10 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
Python中的TCP socket写法示例
2018/05/11 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
搞定这套Python爬虫面试题(面试会so easy)
2019/04/03 Python
python的json包位置及用法总结
2020/06/21 Python
python 如何调用远程接口
2020/09/11 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
什么样的创业计划书可行性高?
2014/02/01 职场文书
爱我中华教学反思
2014/04/28 职场文书
高三励志标语
2014/06/05 职场文书
顶岗实习协议书
2015/01/29 职场文书
公司市场部岗位职责
2015/04/15 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
婚育证明格式
2015/06/17 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
SQL Server内存机制浅探
2022/04/06 SQL Server