jquery判断节点是不是存在
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery判断节点是不是存在相关的知识,希望对你有一定的参考价值。
Jquery中一些查找与处理一、判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的 if($("#id"))else因为$(“#id”) 不管对象是否存在都会返回 object 。正确使用判断对象是否存在应该用: if($("#id").length>0)else 使用jQuery 对象的属性 length 来判断,如果 > 0 就存在。或者 if($("#id")[0]) else 或者直接使用原生的 javascript 代码来判断: if(document.getElementByIdx_x_xx_x("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” 三、根据子节点查找父节点 <div id=”ch”> <span>two</span> <span id=”sp”>three</span></div>jQuery代码及功能 Jquery.ready ( 参考技术A 使用 jQuery 对象的属性 length 来判断,如果大于0则表示存在,等于0则表示不存在。jquery判断对象是否存在代码如下:
说明:
定义和用法
length 属性包含 jQuery 对象中元素的数目。
语法
$(selector).length 参考技术B if($('选择的元素').length==0)
//不存在
参考技术C if(document.getElementById("id"))
var obj = $("#id")
if( obj.length == 0 ) //表示id这个控件不存在
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。 参考技术D 按照正常的获取就行了~如果获得的是underfined就是不存在的~否则就存在
jquery怎么判断是不是有某个元素
用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:if($("#tt").length > 0)
//元素存在时执行的代码
具体原因如下:
在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相
关元素,那么浏览器就会报错,影响后续代码的执行,所以为了避免浏览器报错,可以对元素进行判断,例如:
if(document.getElementById("tt")) //js判断元素是否存在
document.getElementById("tt").style.color = "red";
如果要操作的元素很多,就需要大量重复的工作,这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制,即使用jQuery获取网页中
不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:
if($("#tt"))
//永远执行,不管元素是否存在
这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。 参考技术A
可以配合length属性来判断
代码例子如下:
//判断id为aaa的元素是否存在if($("#aaa").length > 0)
//元素存在时执行的代码
以上是关于jquery判断节点是不是存在的主要内容,如果未能解决你的问题,请参考以下文章