jquery判断页面元素是否存在
在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。
例如:
document.getElementById("someID").innerText("hi"); 
如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 
正确的写法应该是:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
} 
那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是:
if ($("#someID")){
$("#someID").text("hi");
} 
可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID") 总是TRUE ,IF语句没有起到任何判断作用。正确的写法应该是:
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
} 
注意 :判断某个页面元素存在与否在jQuery实际上是没有必要的,jQuery本身会忽略 对一个不存在的元素进行操作,并且不会报错。
$(document).ready(function(){
    var value=$('#btn_delXml').length;
    if(value>0)
    {
        alert('Extsts');
    }
    else
    {
        alert('not Extsts');
    }
}) 
下面是其它说明虽然类似,但有些文字说明
有的时候,要根据页面加载的内容不同而作不同的操作,这个时候,判断页面上是否存在这个元素(或对象)变得尤为重要。如果写JavaScript来实现,较为麻烦,而jQuery却能很容易的实现这个功能。 
  我们知道,jQuery选择器获取页面的element时,无论element是否存在,都会返回一个对象。例如: 
  var my_element = $("#element_Id" ) 
  此时的变量my_element就是一个对象,既然是一个对象,这个对象就具有length的属性,因此,用以下代码可以判断元素(对象)是否存在:
if(my_element.length>0){
    alert("element is exist.");
}else{
    alert("element not be found");
} 
jquery判断页面元素是否存在的更多相关文章
- jQuery 判断页面元素是否存在的代码
		在原生的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在.原因是对一个不存在的元素进行操作是不允许的. 例如: document.getElementById(& ... 
- jQuery 判断页面元素是否存在
		if ( $("#someID").length > 0 ) { } 根据JavaScript的经验,尝试用$("#someID") != " ... 
- jquery判断页面元素是否存在的方法
- js jquery 判断匹配元素是否存在
		jQuery 判断页面元素是否存在的代码 在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在.原因是对一个不存在的元素进行操作是不允许的. 例如: 复制代码 ... 
- jQuery基础 -- 如何判断页面元素存在与否
		在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在.原因是对一个不存在的元素进行操作是不允许的.例如: document.getElementById(&q ... 
- jQuery判断一个元素是否为另一个元素的子元素(或者其本身)
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head& ... 
- 用jQuery判断一个元素的各种状态
		用jQuery判断一个元素是否显示 用jQuery判断一个元素是否显示:$(element).is(":visible"); 类似的,判断一个元素是不是第一个子元素:$(ele ... 
- jQuery判断当前元素显示状态并控制元素的显示与隐藏
		1.jQuery判断一个元素当前状态是显示还是隐藏 $("#id").is(':visible'); //true为显示,false为隐藏 $("#id") ... 
- 关于jquery计算页面元素数量
		这段jquery计算页面元素数量代码,能不能刷新页面直接输出数量,而不用点计算按钮 <scriptsrc="http://ajax.googleapis.com/ajax/libs/j ... 
随机推荐
- 【struts2】struts2中的流接收与流发送
			[前言]在我们的struts2后端中,实现流的接收和发送.就能够实现向server传视频流以及下载图片. [流接收] 如今举一个传公钥的样例.struts2用一个action接收Key,而Key就是用 ... 
- 3、Android中Activity的跳转
			1.创建project file->new->android application 依次填入应用名称.project名.包名 在project文件夹下找到src/com. ... 
- Android使用有道翻译API实如今线翻译功能
			在Android应用中,加入在线翻译的功能,这里调用的是有道翻译的API. 使用有道翻译API.首先要申请一个key,申请地址为:path=data-mode">有道翻译API申请地址 ... 
- node16---cookie session
			03.js var express = require("express"); var app = express(); var db = require("./mode ... 
- 开发者了解NET的15个特性
			NET 开发者了解的15个特性 本文列举了 15 个值得了解的 C# 特性,旨在让 .NET 开发人员更好的使用 C# 语言进行开发工作. ObsoleteAttribute ObsoleteAttr ... 
- HttpWebRequest 表单提交
			/// <summary> /// http请求 /// </summary> public static class ZkWebRequestHelp { /// <s ... 
- (转载) Android studio如何生成aar包
			Android studio如何生成aar包 标签: Android studio如何生成aaAndroid studio aarAndroid 如何生成aar包 2016-12-21 14:42 1 ... 
- 改变GridView中列的宽度
			<asp:TemplateField HeaderText="规格型号" HeaderStyle-Width="24%"> 
- 【原创】MemCached中的参数解释
			优化MemCached的主要目的为增加命中率和提高内存使用率,在优化的时候可以根据以下参数综合考虑分析: 首先是进程项: pid Memcached进程ID uptime Memcached运行时间, ... 
- Caffe Loss分析
			Caffe_Loss 损失函数为深度学习中重要的一个组成部分,各种优化算法均是基于Loss来的,损失函数的设计好坏很大程度下能够影响最终网络学习的好坏.派生于 \(LossLayer\),根据不同的L ... 
