jquery判断元素是否存在
jquery判断页面中是否存在某元素,可以参考以下的代码:
<script>
if($('div').length>0) {
alert('页面中存在div元素');
} else {
alert('页面中不存在div元素');
}
</script>
上述代码思路说明 : 判断某一个元素的集合的个数。若是为0,则代表没有这样元素;若是大于0,则代表有这个元素。
扩展资料:
工作原理
jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。
在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。
jQuery 实例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
参考资料来源:百度百科-jQuery
jquery里要判断元素是否存在,两种方法:
一种,用length属性来判断:
$("#ID").length>0?"存在":"不存在";
方法二:把jquery对象转换成js对象就可:
if($("#ID")[0]){
//存在
}else{
//不存在
}
PS:关于jquery对象和js的dom对象之间的转换,可以参考这篇文章:网页链接
//判断是否存在特定ID值的元素
if($("#id").length > 0){alert("存在");}else{alert("不存在");}
//判断是否存在特定标签元素
if($("标签名(比如label)").length > 0){alert("存在");}else{alert("不存在");}
//判断某元素下是否存在某元素
if($("#元素ID").find("要确定的ID").length > 0){alert("存在");}else{alert("不存在");}
var oNav_span=$(".nav").find("span").length;
if(oNav_span==1){
alert(".nav下存在span元素")
};