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 相关文章推荐
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
利用Javascript裁剪图片并存储的简单实现
Mar 13 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
JS运算符优先级与表达式示例详解
Sep 04 Javascript
vue.js+element 默认提示中英文操作
Nov 11 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
第十一节--重载
2006/11/16 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
解析php php_openssl.dll的作用
2013/07/01 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
javascript 闭包
2011/09/15 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
深入理解JQuery中的事件与动画
2016/05/18 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
Python中functools模块函数解析
2017/03/12 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
python创建文件备份的脚本
2018/09/11 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
小学生读书感言
2014/02/12 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
客房领班岗位职责
2015/02/11 职场文书
小学教师个人工作总结2015
2015/04/20 职场文书
MongoDB balancer的使用详解
2021/04/30 MongoDB
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS
pytest实现多进程与多线程运行超好用的插件
2022/07/15 Python