jquery如何判断某个dom节点是否存在?

想要判断某个dom节点是否存在,可以使用length属性来判断。

jquery使用length属性判断

length 属性包含 jQuery 对象中元素的数目。

示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	</head>

	<body>
		<div id="a">这里是id=a节点</div>
		<div>这里是DIV节点</div>
		<div>这里是DIV节点</div>
		<span>这里是span节点</span>
		<script>
			(function($) {
				$.fn.exist = function() {
					if($(this).length >= 1) {
						return true;
					}
					return false;
				};
			})(jQuery);
			alert($('#aaa').exist()); // false
			alert($('#a').exist()); // true
			alert($('div').exist()); // true
			alert($('p').exist()); // false
		</script>

	</body>

</html>

也可以使用原生JS来判断

JS原生判断DOM节点是否存在页面中

JavaScript原生函数没有提供判断DOM节点是否存在方法,我们通常获取DOM节点几乎都是document.getElement..方法,会返回一个object数组合集,我们可以通过object[0],object[1]这样来访问这个合集的每一个对象。既然返回的是数组合集,那么就有length属性,而length大于等于1即表示DOM节点存在页面中

代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<div>这里是DIV节点</div>
		<div>这里是DIV节点</div>
		<span>这里是span节点</span>
		<script>
			Object.prototype.exist = function() {
				if(typeof this != 'undefined' && this.length >= 1) {
					return true;
				}

				return false;
			};
			var is_exist = document.getElementsByTagName('div').exist();
			alert(is_exist); // true

			var is_exist = document.getElementsByTagName('span').exist();
			alert(is_exist); // true

			var is_exist = document.getElementsByTagName('p').exist();
			alert(is_exist); // false
		</script>

	</body>

</html>

注意:如果使用是使用document.getElementById()方法获取对象的就不能使用exist()方法,因为根据ID取节点对象的方法在取不到节点的情况下会返回一个空对象,不会集成原型exist()函数,所以会报错!所以如果是根据ID取对象的可以直接if(obj)这样既可判断DOM节点是否存在页面中

总结:以上两种方法其实都是根据对象集合的length属性判断对象是否存在。

Image placeholder
前端答疑
未设置
  79人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery判断dom节点是否存在?

jquery判断dom节点是否存在?jQuery判断DOM节点是否存在页面中1、首先在jquery原型上添加一个exist方法;2、然后在方法内判断当前对象length属性是否大于0,大于就存在;3、

jquery如何判断某个属性是否存在?

在JQuery中,我们会判断元素是否存在某个属性。比如是否包含class="new"的样式呢?在JQuery中判断是非常简单的。因为有hasClass这个方法,使用$("input[name=new]

jquery如何判断元素是否存在?

jquery如何判断元素是否存在?jquery使用$(selector)方法查找dom元素,返回的是一个jquery对象,具有length属性。length即找到的dom元素个数,只需判断length

jquery如何判断对象是否存在?

jquery如何判断对象是否存在?一、jQuery判断对象是否存在1、方法一在jQuery中,varobj=$("#id")无论id这个控件是否存在,都是返回object,所以需要通过length来判

jquery如何判断属性是否存在?

jquery如何判断属性是否存在?jquery判断属性存在可以使用attr()方法、is()方法、filter()方法,以及原生js的hasAttribute()方法。1、使用attr()获取属性,检

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

jquery判断class是否存在?

jquery判断class是否存在?两种方法如下:●hasClass('classname')●is('.classname')例子:1、使用is('.classname')的方法$('div').i

jquery怎么判断元素是否存在?

使用JQuery想要判断元素是否存在,可以使用jQuery.length属性来实现。当DOM中存在特定元素时触发某个事件,那么就可以使用jQuery.length属性来确定元素是否存在。下面我们就结合

jquery如何判断元素内容是否为空?

jquery如何判断元素内容是否为空?下面提供了两种方法用于检查指定id的元素的内容是否为空,当然了,不仅仅适用于指定了id的元素,同样适用于其他元素,只需要改变选择器即可。一、使用html()方法获

jquery如何判断是否是对象?

jquery如何判断是否是对象?jquery提供了isPlainObject方法来判断一个变量是否是对象类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2];

jquery如何判断是否是数组?

jquery如何判断是否是数组?jquery提供了isArray方法来判断一个变量是否是数组类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2]; varbo

jquery如何判断对象是否获取焦点?

jquery如何判断对象是否获取焦点?jquery判断对象获取焦点可以使用$(selector).is(":focus")。当对象具有焦点时返回为true,否则返回为false。语法:$(select

jquery如何判断图片是否加载完成?

对于图片的处理,例如幻灯片播放、缩放等,都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用loading的gif图表示正在加载中。一、普通方法监听i

jquery如何判断值是否是url地址?

jquery如何判断值是否是url地址?思路:1、创建一个输入框,使用jquery给它注册change事件;2、创建一个函数checkUrl,传入一个url参数;3、函数内编写一条检测url正确性的正

jquery如何判断是否是ie浏览器?

jquery如何判断是否是ie浏览器?在写页面的时候,会遇到浏览器兼容问题,在这个浏览器中可以使用,但在其他浏览器中却不能很好的显示。以下就是判断浏览器的方法,从而更好的区分代码,使得页面正常浏览。f

jquery如何判断是否为数组?

jquery如何判断是否为数组?$.isArray()函数用于判断指定参数是否是一个数组。只需要将需要判断的变量传入方法中即可。语法$.isArray(object)/jQuery.isArray(o

jquery如何判断元素是否在数组中?

要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等。可以使用Jquery提供的方法:$.inArray("元素(字符串)",数组名称)进行判断,当存在该元素(字符串)时,返

jquery如何判断字符串是否包含指定字符?

方法一:使用indexOf()和lastIndexOf()方法案例:varCts="bblText"; if(Cts.indexOf("Text")>=0){ alert('Cts中包含Text字符串

jquery如何判断复选框是否被选中?

方法一:get(0).checkedif($("#checkbox-id").get(0).checked){ //dosomething }方法二:is(':checked')if($('#chec

jquery如何判断的是否为数字?

方法一:使用isNaN()函数varval=$("#test").val(); varival=parseInt(val);//如果变量val是字符类型的数则转换为int类型如果不是则ival为NaN

jquery如何判断是否为对象?

在jquery中,可以使用isPlainObject()方法来判断是否为对象。示例:varobj={a:1} varbool=$.isPlainObject(obj)判断是否为对象返回Boolean

jquery如何判断是否为数字?

在jquery里,我们可以用下面这些方法来判断变量是否是数字:1、$.isNumeric();jquery里内置的一个用来判断是否为数字的函数,用$.isNumeric()来判断是否为数字的话,一些特

jquery如何判断是否为json格式?

jquery如何判断是否为json格式?思路:使用jquery的parseJSON()方法,将字符串转为json对象,并用trycatch语句捕获错误,没有异常,则是json格式,否则不是。funct

jquery如何判断字符串是否相等?

在jquery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==来进行判断。有时需要注意空格!可以先使用$.trim(str)去掉字符串起始和结尾的空格,然后使用用==来进行

jquery如何判断对象是否为空?

$.isEmptyObject$.isEmptyObject()函数用于检查对象是否为空(不包含任何属性)。调用格式如下:$.isEmptyObject(obj);其中,参数obj表示需要检测的对象名