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

本文介绍下，在jquery中判断获取的对象是否存在的方法，以$("#id")为例来介绍判断过程，有兴趣的朋友一起研究下。

在jquery中如何判断对象是否存在呢？我们这里以$("#id")为例进行介绍。

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

复制代码代码示例:

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() 返回匹配对象的子介点

jQuery代码：

复制代码代码示例:

function jq(){ 

alert($(“#ch”).children().html()); 

}

说明：
$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”

三、根据子节点查找父节点

<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判断$("#id")获取的对象是否存在的方法