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特效 幻灯片效果示例代码
Jul 16 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
JS实现同时搜索百度和必应的方法
Jan 27 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
javascript自定义右键弹出菜单实现方法
May 25 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 Javascript
浅谈javascript的url参数parse和build函数
Mar 04 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
详解Webpack DLL用法以及功能
Jul 11 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
详解vue-cli 脚手架 安装
Apr 16 Javascript
Vue项目路由刷新的实现代码
Apr 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
php的mssql数据库连接类实例
2014/11/28 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
javascript 动态添加事件代码
2008/11/30 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
python线程优先级队列知识点总结
2021/02/28 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
德国购买健身器材:AsVIVA
2017/08/09 全球购物
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
前厅部经理岗位职责范文
2014/02/04 职场文书
仓管岗位职责范本
2014/02/08 职场文书
环保倡议书500字
2014/05/15 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
会计稽核岗位职责
2015/04/13 职场文书
积极心理学课程心得体会
2016/01/22 职场文书