联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

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

作者:98wpeu发布时间:2026-10-02分类:网页前端技术浏览:2


导读:一、判断对象对象是否存在如果是下面的JQuery代码判断一个对象是否存在,是不能用的复制代码代码如下:if($("#id")){}else{}因为$(“#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代码及功能:
functionJQ(){
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> ]

标签:是否存在对象方法Webidquot


网页前端技术排行
最近发表
网站分类
标签列表