在jquery中判断元素是否存在我们可使用$("#div").length > 0)来判断了,意思就是判断元素长度了,如果没有肯定是不存在的哦,下面我来介绍介绍。

使用传统javascript方法,如下:

 代码如下 复制代码

if(document.getElementById('div')) {    } else {          }

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

jquery选择器获取element 无论element是否存在都将返回一个对象

 代码如下 复制代码

var my_element=$(“#myId”);

这里无论元素”myid”是否存在,my_element始终是一个object

使用下面的方法判断”myid”元素是否存在

代码如下:

 代码如下 复制代码

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

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

 代码如下 复制代码

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

例子

 代码如下 复制代码

<div id="divBody">
     <div id="divTest"><div>
</div>

上边是简单的html代码。

 代码如下 复制代码

jQuery(document).ready(function() { 
    if (jQuery("#divTest").length > 0) { 
        jQuery("<img src='http://www.hzhuti.com' />").appendTo("#divTest"); 
    } 
    else { 
        if (jQuery("#divBody").length) { 
            jQuery("#divBody").append("<img src='http://www.php100.com' />"); 
        } 
    } 
});

上边的代码展示了如何判断对象是否存在。程序的思路是:如果存在divTest这个div对象,则将google的logo图片置于ID为divTest的div中,否则将图片置于divBody中。在本例中,由于存在对象divTest,所以程序的最终结果将图片置于divTest中

附一些其它方法

第二种方法:

 代码如下 复制代码

$(“#myId”).html(“abc”);

如果myid不存在上面的代码也不会出错,只是不进行任何操作;

 代码如下 复制代码

var data=$(“#myId”).html();

如果myid不存在,data为null值

 代码如下 复制代码

var data=$(“#myId”).val();

如果myid不存在,data为undefined

jQuery判断元素是否存在方法总结的更多相关文章

  1. jQuery判断元素是否存在方法

    1.使用javascript判断元素是否存在 if(document.getElementById('div')) { } else { } 2.使用jquery判断元素是否存在 if ($(&quo ...

  2. jquery判断元素是否隐藏的多种方法

    第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){    alert("被 ...

  3. js jquery 判断元素是否在数组内

    js jquery 判断元素是否在数组内 一,js方法 var arr = ["a", "b", "c"]; // js arr.index ...

  4. JQuery判断元素是否存在

    JQuery判断元素是否存在的原理与javascript略有不同,因为$选择器选择的元素无论是否存在都不会返回null或undefined,要使用JQuery判断元素是否存在,只能使用length属性 ...

  5. jquery判断元素的子元素是否存在

    jquery判断元素的子元素是否存在的示例代码. jquery判断子元素是否存在 一.判断子元素是否存在 //一级子元素 if($("#specialId>img").len ...

  6. jQuery判断元素是否显示与隐藏

    jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidd ...

  7. jquery判断元素是否存在在数组中

    var myArray = new Array(); function checkRepeat(sel) { console.log("索引是:" + $.inArray(sel, ...

  8. jQuery判断元素是否是隐藏的代码

    if($("#elem_id").is(":hidden")) { } 实例代码1: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC & ...

  9. 判断元素16种方法expected_conditions

    前言 标签(空格分隔): 判断元素 经常有小伙伴问,如何判断一个元素是否存在,如何判断alert弹窗出来了,如何判断动态的元素等等一系列的判断,在selenium的expected_condition ...

随机推荐

  1. javascript引擎工作原理

    1. 什么是JavaScript解析引擎? 简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序.比方说,当你写了 var a = 1 + ...

  2. poj2566 尺取法

    题意: 输入 n m  之后输入n个数  之后m个询问  对于每个询问 输入一个t    输出  三个数 ans l r  表示从l 到 r的所有数的和的绝对值最接近t 且输出这个和ans   思路: ...

  3. POJ 2785 HASH

    题目链接:http://poj.org/problem?id=2785 题意:给定n行数字,每行4个数分别是a,b,c,d,现在要求能有多少个(a,b,c,d)组合并且和为0 思路:n^2统计所有(a ...

  4. 04_Java面向对象特征之继承与多态

    1. 继承 Java继承的实现(只支持单继承,而不是多继承,但有接口的多实现) 多个类中存在相同属性和行为时,将这些内容抽取到单独一个类. 定义类时直接通过extends关键字指明要继承的父类.子类对 ...

  5. Codeforces Round #337 (Div. 2)

    水 A - Pasha and Stick #include <bits/stdc++.h> using namespace std; typedef long long ll; cons ...

  6. 网站迁移时候,发现<head>内容都到body里了

    遇到的问题截图如下: 这个是编码问题,需要把所有涉及的文件保存成UTF-8 without BOM,手动的话可以用notepad++ 如果网站支持php,这边提供了一个php的脚本(clearBom. ...

  7. 【SAP Business Objects】Universe中的@prompt语法

    @Prompt 函数的语法: @Prompt('message','type',[lov],Mono|Multi,free|constrained|primary_key,persistent|not ...

  8. Buy the Ticket{HDU1133}

    Buy the TicketTime Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total ...

  9. ccc progressbar

    cc.Class({ extends: cc.Component, properties: { progressBar: { default:null, type:cc.ProgressBar }, ...

  10. ROW_NUMBER() OVER函数的基本用法

    转自:http://www.cnblogs.com/icebutterfly/archive/2009/08/05/1539657.html 语法:ROW_NUMBER() OVER(PARTITIO ...