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 相关文章推荐
JS打字效果的动态菜单代码分享
Aug 21 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
JS 调试中常见的报错问题解决方法
May 20 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
Vue 2.0 侦听器 watch属性代码详解
Jun 19 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
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
PHP调用三种数据库的方法(1)
2006/10/09 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
PHP面向对象精要总结
2014/11/07 PHP
php上传大文件设置方法
2016/04/14 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
JS简单计算器实例
2015/01/20 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
python的正则表达式re模块的常用方法
2013/03/09 Python
Python中运算符&quot;==&quot;和&quot;is&quot;的详解
2016/10/08 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python tkinter 设置窗口大小不可缩放实例
2020/03/04 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
Django REST 异常处理详解
2020/07/15 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
TripAdvisor台湾:全球最大旅游网站
2018/08/26 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
优秀导游先进事迹材料
2014/01/25 职场文书
审美与表现自我评价
2015/03/09 职场文书
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python