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 写的简单进度条控件
Jan 22 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
jQuery实现新消息在网页标题闪烁提示
Jun 23 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
JavaScript构造函数详解
Dec 27 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
js实现一个简单的数字时钟效果
Mar 29 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
vue 自动化路由实现代码
Sep 03 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生成静态页面教程
2012/01/10 PHP
PHP设计模式 注册表模式(多个类的注册)
2012/02/05 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
js 日期转换成中文格式的函数
2009/07/07 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
详解Python正则表达式re模块
2019/03/19 Python
ipad上运行python的方法步骤
2019/10/12 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
毕业生自我鉴定范文
2013/11/08 职场文书
财务会计毕业生个人求职信
2014/02/03 职场文书
2014年纪委工作总结
2014/12/05 职场文书
表扬稿格式范文
2015/01/16 职场文书
个人原因辞职信模板
2015/05/13 职场文书
2015年加油站工作总结
2015/05/13 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
实操Python爬取觅知网素材图片示例
2021/11/27 Python