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 &amp; DHTML 实例编程(教程)基础知识
Jun 02 Javascript
jQuery 使用手册(三)
Sep 23 Javascript
基于jquery的给文章加入关键字链接
Oct 26 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
vuex 的简单使用
Mar 22 Javascript
layer弹出层父子页面事件相互调用方法
Aug 17 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
JS 创建对象的模式实例小结
Apr 28 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
使用adodb lite解决问题
2006/12/31 PHP
PHP和XSS跨站攻击的防范
2007/04/17 PHP
php使用百度翻译api示例分享
2014/01/31 PHP
php  单例模式详细介绍及实现源码
2016/11/05 PHP
js 数值项目的格式化函数代码
2010/05/14 Javascript
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
关于跨站脚本攻击问题
2011/12/22 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
python实现的udp协议Server和Client代码实例
2014/06/04 Python
Python去除字符串两端空格的方法
2015/05/21 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
python 美化输出信息的实例
2018/10/15 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
python nmap实现端口扫描器教程
2020/05/28 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
初中生操行评语大全
2014/04/24 职场文书
办理信用卡工作证明
2014/09/30 职场文书
个人先进事迹材料
2014/12/29 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android