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数据缓存系统实现代码
Oct 24 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
Dec 21 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
使用layui定义一个模块并使用的例子
Sep 14 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
Javascript之datagrid查询详解
Sep 15 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
php中利用post传递字符串重定向的实现代码
2011/04/21 PHP
php中神奇的fastcgi_finish_request
2011/05/02 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
php批量删除操作代码分享
2017/02/26 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
python采用getopt解析命令行输入参数实例
2014/09/30 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
详解Python 函数如何重载?
2019/04/23 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
C#怎么让一个窗口居中显示?
2015/10/20 面试题
社区禁毒工作方案
2014/06/02 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
高三化学教学反思
2016/02/22 职场文书