威尼斯www.9778.com-威尼斯正版官方网站

jQuery判断元素是否存在的可靠方法_jquery_脚本之家【威尼斯www.9778.com】

日期:2019-12-30编辑作者:服务器&运维

使用传统javascript方法,如下:复制代码 代码如下:if(document.getElementById { // 找到到对应元素 } else { // 没有找到找到到对应元素 }

 代码如下

最简单的办法是判断元素匹配长度

使用传...

通常我们的做法是 复制代码 代码如下:if

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

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:复制代码 代码如下:if { // 找到对应id=div的元素,然后执行此块代码 } 甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:复制代码 代码如下:if .length > 0){ // 找到对应id=div并且包含img的元素,然后执行此块代码 } 是不是很简单,大家可以尝试使用一下

<div id=”ch”>  
      <span>two</span>
      <span id=”sp”>three</span>
</div>

譬如HTML代码:复制代码 代码如下:

 代码如下

比较可靠且不会出错的做法是:复制代码 代码如下:if.length && $ return true;

$(‘#abc’)不管页面上存不存在id=abc的元素,都会返回jQuery对象(详细内容可参照jQuery手册),因此我们就不能用if($(‘#abc’))来判断。

判断页面元素是否存在js中我们直接使用document.getElementById(id)即可,jquery就直接使用$(id)就可了,希望此教程能给各位朋友带来帮助。

<p>one</p>
<div id=”ch”>  
     <span>two</span>
</div>
jQuery代码及功能:
function jq(){
    alert($(“#ch”).children().html());
}
$(“#ch”).children()

复制代码

if ($("#div").length > 0){  
    // 找到对应id=div的元素,然后执行此块代码  
}

 代码如下

jQuery之children()返回匹配对象的字节点
children()  返回匹配对象的子介点

复制代码

jQuery代码及功能

 代码如下

if($(“#abc”).size() > 0){}

if(document.getElementById('div')) {      
    // 找到到对应元素  
} else {      
    // 没有找到找到到对应元素  
}

甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:

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> ]

 代码如下

if($(“#abc”).length > 0){}

复制代码

复制代码

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

可以用

 代码如下

复制代码

使用传统javascript方法,如下:

得到对象[ <span>two</span> ].所以.html()的结果是”two”

复制代码

if ($("#div img").length > 0){  
    // 找到对应id=div并且包含img的元素,然后执行此块代码  
}

以id=abc为例

复制代码

 代码如下

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:

本文由威尼斯www.9778.com发布于服务器&运维,转载请注明出处:jQuery判断元素是否存在的可靠方法_jquery_脚本之家【威尼斯www.9778.com】

关键词:

jQuery is函数用法3例_jquery_脚本之家

jQuery提供了is(卡塔尔方法能够很有益于的论断成分是或不是可知,是或不是隐伏,是或不是选中。 生龙活虎、推断元...

详细>>

javascript设计模式之单体模式

单人体模型式 单体是在剧本加载时创建的,能将风流罗曼蒂克层层有关系的变量和措施组织为一个逻辑单元,逻辑单...

详细>>

javascript中的变量是传值还是传址的?_javascript技巧_脚本之家

这个标题念起来有点拗口,但却是理解数据结构的关键。标题中的4个术语,对应的英文分别是:shallowcopy、deep copy、...

详细>>

比较详细的javascript DOM 学习笔记第1/2页_javascript技巧_脚本之家

DOM添加元素,使用节点属性 元素(你应该明白这是该文件的document元素),你可以使用document的documentElement特性:varo...

详细>>