jQuery判断元素是否存在的可靠方法


Posted in Javascript onMay 06, 2014

最简单的办法是判断元素匹配长度

譬如HTML代码:

<div class='mydiv'></div>

通常我们的做法是

if($('.mydiv').length>0)

比较可靠且不会出错的做法是:

if($('.mydiv').length && $('.mydiv').length>0)
  return true;

 

使用传统javascript方法,如下:

if(document.getElementById('div')) {     
    // 找到到对应元素 
} else {     
    // 没有找到找到到对应元素 
}

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:

if ($("#div").length > 0){ 
    // 找到对应id=div的元素,然后执行此块代码 
}

甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:
if ($("#div img").length > 0){ 
    // 找到对应id=div并且包含img的元素,然后执行此块代码 
}

是不是很简单,大家可以尝试使用一下
Javascript 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 #Javascript
简单的js图片轮换代码(js图片轮播)
May 06 #Javascript
jQuery is()函数用法3例
May 06 #Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 #Javascript
一些老手都不一定知道的JavaScript技巧
May 06 #Javascript
jQuery中的$.ajax()方法应用
May 06 #Javascript
jquery判断元素是否隐藏的多种方法
May 06 #Javascript
You might like
ie6 动态缩略图不显示的原因
2009/06/21 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
php获取网页上所有链接的方法
2015/04/03 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
使用javascript为网页增加夜间模式
2014/01/26 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
2017/10/20 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
如何学习Python time模块
2020/06/03 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
Python 实现微信自动回复的方法
2020/09/11 Python
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
大学生职业规划前言模板
2013/12/27 职场文书
真诚的求职信
2014/07/04 职场文书
继承公证书格式
2015/01/26 职场文书
行政司机岗位职责
2015/04/10 职场文书
金榜题名主持词
2015/07/02 职场文书