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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
Jul 14 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js日历功能对象
Jan 12 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
js动态切换图片的方法
Jan 20 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
php实现利用phpexcel导出数据
2013/08/24 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
php源码的使用方法讲解
2019/09/26 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
跟随鼠标旋转的文字
2006/11/30 Javascript
用javascript实现页面打印的三种方法
2007/03/05 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
python检测lvs real server状态
2014/01/22 Python
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
Python全局变量用法实例分析
2016/07/19 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
Python实现Dijkstra算法
2018/10/17 Python
python mysql断开重连的实现方法
2019/07/26 Python
Python实现序列化及csv文件读取
2020/01/19 Python
Anaconda使用IDLE的实现示例
2020/09/23 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
python Django框架快速入门教程(后台管理)
2021/07/21 Python