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 01 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
动态载入js提高网页打开速度的方法
Jul 04 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
Jan 23 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 Javascript
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
JavaScript中的各种宽高属性的实现
May 08 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
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
ECMAScript中函数function类型
2015/06/03 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python列表的切片实例讲解
2019/08/20 Python
django教程如何自学
2020/07/31 Python
水产养殖学应届生求职信
2013/09/29 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
毕业生简单求职信
2013/11/19 职场文书
给民警的表扬信
2014/01/08 职场文书
年级组长自我鉴定
2014/02/22 职场文书
团委书记的竞聘演讲稿
2014/04/24 职场文书
村党支部换届选举方案
2014/05/02 职场文书
2014年统战工作总结
2014/12/09 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
团委工作总结2015
2015/04/02 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
公司安全管理制度范本
2015/08/05 职场文书
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS