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

 更新时间:2014年05月06日 09:51:14   作者:  
这篇文章主要介绍了jQuery判断元素是否存在的可靠方法,需要的朋友可以参考下

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

譬如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的元素,然后执行此块代码
}

是不是很简单,大家可以尝试使用一下

相关文章

  • jQuery cdn使用介绍

    jQuery cdn使用介绍

    如果您不希望下载并存放jQuery,那么也可以通过 CDN(内容分发网络)引用它,下面是具体实现,有类似需求的各位可以参考下哈,希望对你有所帮助
    2013-05-05
  • JQuery中如何传递参数如click(),change()等具体实现

    JQuery中如何传递参数如click(),change()等具体实现

    有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如何在click(),change()传递参数
    2013-04-04
  • jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】

    jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】

    这篇文章主要介绍了jQuery实现鼠标选中文字后弹出提示窗口效果,涉及jQuery事件响应及页面元素动态操作相关技巧,非常简便实用,需要的朋友可以参考下
    2016-09-09
  • jQuery下的动画处理总结

    jQuery下的动画处理总结

    最近一年多一直在做前端的东西,由于老板在追求一些年轻动感的效果,让页面元素不能仅仅是简单的隐藏显示,所以经常会使用一些动画效果,发现jQuery的动画真心好用啊,把常用的几个总结一下,希望不再每次使用的时候还去翻API
    2013-10-10
  • 利用jquery和BootStrap实现动态滚动条效果

    利用jquery和BootStrap实现动态滚动条效果

    这篇文章主要介绍了利用jquery和BootStrap实现动态滚动条效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-12-12
  • jQuery .tmpl() 用法示例介绍

    jQuery .tmpl() 用法示例介绍

    解决 PHP 拼数据这方面的问题而有了 Smarty 这些模版,JavaScript 也可以利用模版来解决这些问题,比如基于 jQuery 的 jquery.tmpl
    2014-08-08
  • jQuery模拟新浪微博首页滚动效果的方法

    jQuery模拟新浪微博首页滚动效果的方法

    这篇文章主要介绍了jQuery模拟新浪微博首页滚动效果的方法,实例分析了jQuery使用animate、css等方法实现滚动特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jQuery学习笔记 操作jQuery对象 属性处理

    jQuery学习笔记 操作jQuery对象 属性处理

    HTML文档,不但有一系列语义标签,每个标签下属还有一系列属性节点。自然我们也想去操作这些属性节点。格式仍然为$(selector).方法
    2012-09-09
  • jQuery Easyui实现左右布局

    jQuery Easyui实现左右布局

    jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。接下来通过本文给大家介绍jQuery Easyui实现左右布局,涉及到到easyui左右布局相关知识,感兴趣的朋友一起学习吧
    2016-01-01
  • jQuery中的通配符选择器使用总结

    jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下
    2016-05-05

最新评论