jquery怎么根据id判断元素是否存在

jquery怎么根据id判断元素是否存在,第1张

jquery怎么根据id判断元素是否存在

判断方法:1、通过id属性值获取指定元素,语法“$("#id值")”,会返回一个包含指定元素的jQuery对象;2、使用“元素对象.length>0”语句判断指定jQ对象中元素的个数是否大于0,如果大于0则指定id元素存在,反之则不存在。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery根据id判断元素是否存在的方法

1、通过id属性值获取指定元素

$("#id值")

会返回一个包含指定元素的jQuery对象

2、使用length属性检测该jQuery对象是否存在

jQuery对象.length>0

length属性可以统计jquery对象中元素的个数

  • 如果指定id元素存在,则元素个数会大于等于1

  • 如果个数等于0则,指定id元素不存在

实现示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			div,p{
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					var len=$("#box").length;
					console.log("id元素存在,个数为:"+len);
					$("#box").css({
						"color": "red",
						"border": "2px solid red"
					});
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div id="box">div元素</div>
		<p>p元素</p>
		<div>div元素</div>
		<button>id为“box”的元素是否存在</button>
	</body>

</html>

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么根据id判断元素是否存在的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址:https://outofmemory.cn/web/1373260.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-16
下一篇2022-06-16

随机推荐

  • 巴斯大学位于英国哪里啊

    巴斯大学座落于“世界历史名城”巴斯之外的美丽乡村,距离伦敦只有75分钟的路程。巴斯大学拥有一个多用途、现代化的校园。校园占地面积200英亩,绿野校园上建有学生宿舍及一流的体育设施。在校学生7000多人

    2022-06-28
    300
  • 清莱皇家大学目标

    清莱皇家大学据立思辰留学360介绍,清莱皇家大学是一所具有35年发展之久的民众高等教育学府,创立于1969年9月11日,由清莱省政府向教师进修局申请建立教师进修学校。1992年5月14日,国王陛下赐名

    2022-06-28
    300
  • 乔治城大学在全世界大学中排名多少位

      乔治城大学在全世界大学中排名多少位?请咨询立思辰留学360美国专家团队。立思辰留学360介绍,乔治城大学Georgetown University创建于1789年,是美国最古老的耶稣会天主教大学之

    2022-06-28
    300
  • 莱斯大学毕业后好找工作吗

      莱斯大学毕业后好找工作吗?请咨询立思辰留学360美国专家团队。立思辰留学360介绍,莱斯大学(Rice University),1892年由德克萨斯州棉花巨富威廉·马歇尔·莱斯William Ma

    2022-06-28
    300
  • 2017年卢塞恩大学费用详情

    学费说明:平均2150瑞郎年,详细学费如下:立思辰留学360介绍,每年学费为2050瑞士法郎学年起RMB:13864元学年起(其中包括报名时支付的100-200瑞士法郎手续费)。生活费说明:平均

    2022-06-28
    300
  • 2017年阿德雷德大学化学工程专业

    阿德莱德大学北台地(North Terrace)是本科教学的主要校区,也是许多应用研究和基础研究的基地。该校区汇集着许多著名的医学研究机构,阿德莱德大学充分利用其毗邻北台地(North Terrace

    2022-06-28
    400
  • 2017年BHMS瑞士工商酒店管理学院毕业发展

    立思辰留学360介绍,酒店旅游业已成为目前世界发展最快的行业之一,尤其在亚洲及中国地区更拥有不可预计的发展潜力。瑞士BHMS学院的卓越品质以使其逾千名毕业生活跃在全球四十多个国家的国际著名酒店、旅游行

    2022-06-28
    300
  • 圣力嘉学院相关费用

    立思辰留学360介绍,Seneca College,全称Seneca College of Applied Arts and Technology,即圣力嘉应用技术与艺术学院。加拿大圣力嘉学院成立于1

    2022-06-28
    000
  • 加拿大汤普森河大学设施怎么样

    立思辰留学360介绍,汤普森河大学(TRU)原名卡里布学院(The Cariboo College),是由英属哥伦比亚省政府于1970年成立的公立综合性学院,学校位于距温哥华300公里的甘露市(Kam

发表评论

登录后才能评论

评论列表(0条)

    保存