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 flash复制库类 Zero Clipboard
Jan 17 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
JQ获取动态加载的图片大小的正确方法分享
2013/11/08 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
浅析Python 序列化与反序列化
2020/08/05 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
2014年公司迎新年活动方案
2014/02/24 职场文书
竞聘上岗演讲
2014/05/19 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
2014年防汛工作总结
2014/12/08 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
病危通知书样本
2015/04/17 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
党员干部学习心得体会
2016/01/23 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python