Jquery判断$("#id")获取的对象是否存在的方法
Jquery判断$("#id")获取的对象是否存在的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:一、判断对象对象是否存在如果是下面的jQuery代码判断一个对象是否存在,是不能用的复制代码代码如下:if($("#id")){}else{...

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

如果是下面的 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> ]

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类