jQuery判断元素是否存在方法总结
在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"> |
上边是简单的html代码。
代码如下 | 复制代码 |
jQuery(document).ready(function() { |
上边的代码展示了如何判断对象是否存在。程序的思路是:如果存在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判断元素是否存在方法总结的更多相关文章
- jQuery判断元素是否存在方法
1.使用javascript判断元素是否存在 if(document.getElementById('div')) { } else { } 2.使用jquery判断元素是否存在 if ($(&quo ...
- jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被 ...
- js jquery 判断元素是否在数组内
js jquery 判断元素是否在数组内 一,js方法 var arr = ["a", "b", "c"]; // js arr.index ...
- JQuery判断元素是否存在
JQuery判断元素是否存在的原理与javascript略有不同,因为$选择器选择的元素无论是否存在都不会返回null或undefined,要使用JQuery判断元素是否存在,只能使用length属性 ...
- jquery判断元素的子元素是否存在
jquery判断元素的子元素是否存在的示例代码. jquery判断子元素是否存在 一.判断子元素是否存在 //一级子元素 if($("#specialId>img").len ...
- jQuery判断元素是否显示与隐藏
jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidd ...
- jquery判断元素是否存在在数组中
var myArray = new Array(); function checkRepeat(sel) { console.log("索引是:" + $.inArray(sel, ...
- jQuery判断元素是否是隐藏的代码
if($("#elem_id").is(":hidden")) { } 实例代码1: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC & ...
- 判断元素16种方法expected_conditions
前言 标签(空格分隔): 判断元素 经常有小伙伴问,如何判断一个元素是否存在,如何判断alert弹窗出来了,如何判断动态的元素等等一系列的判断,在selenium的expected_condition ...
随机推荐
- javascript引擎工作原理
1. 什么是JavaScript解析引擎? 简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序.比方说,当你写了 var a = 1 + ...
- poj2566 尺取法
题意: 输入 n m 之后输入n个数 之后m个询问 对于每个询问 输入一个t 输出 三个数 ans l r 表示从l 到 r的所有数的和的绝对值最接近t 且输出这个和ans 思路: ...
- POJ 2785 HASH
题目链接:http://poj.org/problem?id=2785 题意:给定n行数字,每行4个数分别是a,b,c,d,现在要求能有多少个(a,b,c,d)组合并且和为0 思路:n^2统计所有(a ...
- 04_Java面向对象特征之继承与多态
1. 继承 Java继承的实现(只支持单继承,而不是多继承,但有接口的多实现) 多个类中存在相同属性和行为时,将这些内容抽取到单独一个类. 定义类时直接通过extends关键字指明要继承的父类.子类对 ...
- Codeforces Round #337 (Div. 2)
水 A - Pasha and Stick #include <bits/stdc++.h> using namespace std; typedef long long ll; cons ...
- 网站迁移时候,发现<head>内容都到body里了
遇到的问题截图如下: 这个是编码问题,需要把所有涉及的文件保存成UTF-8 without BOM,手动的话可以用notepad++ 如果网站支持php,这边提供了一个php的脚本(clearBom. ...
- 【SAP Business Objects】Universe中的@prompt语法
@Prompt 函数的语法: @Prompt('message','type',[lov],Mono|Multi,free|constrained|primary_key,persistent|not ...
- Buy the Ticket{HDU1133}
Buy the TicketTime Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total ...
- ccc progressbar
cc.Class({ extends: cc.Component, properties: { progressBar: { default:null, type:cc.ProgressBar }, ...
- ROW_NUMBER() OVER函数的基本用法
转自:http://www.cnblogs.com/icebutterfly/archive/2009/08/05/1539657.html 语法:ROW_NUMBER() OVER(PARTITIO ...