Jquery判断$("#id")获取的对象是否存在的方法

 更新时间:2013年09月25日 16:08:05   作者:   我要评论
如何判断获取的对象是否存在,貌似有很多方法实现,下面以$("#id")举例,为大家详细介绍下具体的判断过程

一、判断对象对象是否存在

如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的

复制代码 代码如下:

if($("#id")){
}else{}

因为 $(“#id”) 不管对象是否存在都会返回 object 。

正确使用判断对象是否存在应该用:
复制代码 代码如下:

if($("#id").length>0){}else{}

使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在。

或者
复制代码 代码如下:

if($("#id")[0]){} else {}

或者直接使用原生的 Javascript 代码来判断:
复制代码 代码如下:

if(document.getElementById("id")){} else {}

二、根据父节点查找子节点
jQuery之children()返回匹配对象的字节点
children() 返回匹配对象的子介点
复制代码 代码如下:

<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代码及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”
[code]
三、根据子节点查找父节点
[code]
<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>

jQuery代码及功能
复制代码 代码如下:

Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到对象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)过滤得到[<span id="sp">three</span> ]

相关文章

  • jQuery基本过滤选择器使用介绍

    jQuery基本过滤选择器使用介绍

    简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种,感兴趣的朋友可以参考下
    2013-04-04
  • jQuery实现菜单的显示和隐藏功能示例

    jQuery实现菜单的显示和隐藏功能示例

    这篇文章主要介绍了jQuery实现菜单的显示和隐藏功能,结合实例形式分析了jQuery基于事件响应及css方法动态改变菜单样式的相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • jquery处理页面弹出层查询数据等待操作实例

    jquery处理页面弹出层查询数据等待操作实例

    这篇文章主要介绍了jquery处理页面弹出层查询数据等待操作,实例分析了jquery实现等待效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 基于jQuery的ajax功能实现web service的json转化

    基于jQuery的ajax功能实现web service的json转化

    前面文章说过下次会给大家介绍详细的基于web Services的JqueryAjax调用如何把一个datatable得数据转化成JSON数据,然后在客户端再通过json2.js转化成javascript对象。
    2009-08-08
  • 利用jquery包将字符串生成二维码图片

    利用jquery包将字符串生成二维码图片

    将一个字符串生成二维码图片,如果想要带log的二维码,可以在生成后的二维码中间部位自己添加一个小log,具体实现如下,感兴趣的朋友可以参考下
    2013-09-09
  • 基于jQuery实现的幻灯图片切换

    基于jQuery实现的幻灯图片切换

    本篇文章分享了基于jQuery实现的幻灯图片切换效果的部分代码。感兴趣的朋友可以下载实例运行,下面就跟小编一起来看看吧
    2016-12-12
  • jquery获取焦点和失去焦点事件代码

    jquery获取焦点和失去焦点事件代码

    鼠标在搜索框中点击的时候里面的文字就消失了,经常会用到搜索框的获得焦点和失去焦点的事件,接下来介绍一下具体代码,感兴趣的朋友额可以参考下
    2013-04-04
  • jQuery 遍历函数详解

    jQuery 遍历函数详解

    文章介绍了几个在jQuery中非常有用的遍历函数,遍历函数是做么的方便。当在它们一起使用时,它们将更加强大。也就是说,一个函数的输出是另一个函数的输入,它们是链式的。下面我们就来详细探讨下吧。
    2015-07-07
  • jQuery Deferred和Promise创建响应式应用程序详细介绍

    jQuery Deferred和Promise创建响应式应用程序详细介绍

    接下来我们一起探索一下JavaScript中的 Deferred 和 Promise 的概念Deferred 提供了一个抽象的非阻塞的解决方案(如Ajax 请求的响应),它创建一个promise对象,其目的是在未来某个时间点返回一个响应,感兴趣的可以参考下
    2013-03-03
  • jQuery1.6 使用方法二

    jQuery1.6 使用方法二

    jQuery1.6 使用方法,需要的朋友可以参考下。
    2011-11-11

最新评论