jquery parent()

最新推荐文章于 2020-07-10 14:26:57 发布

原创最新推荐文章于 2020-07-10 14:26:57 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

22 篇文章

订阅专栏

本文通过一个简单的HTML页面示例介绍了如何使用jQuery进行元素的选择和DOM操作。具体包括使用$.ready()确保文档加载完成后执行JavaScript代码，通过$('#z')选择特定元素并获取其父元素，比较不同方式获取DOM节点的一致性等。

<html>
	<head>
		<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	</head>
	
	<body>
	
	<div id="x">
		<div id="y" xd="xxxxx">
			<div id="z"></div>
			<div id="zBrother"></div>
		</div>
		<div id="yBrother"></div>
	</div>
	
	<script type="text/javascript">
		function log(info) {
			console.log(info);
		}
		
		$(document).ready(function(){
			log($("#z").parent());
			log($("#z").parent().get(0));
			log($("#z").parent()[0]);
			
			if ($("#z").parent().get(0) == $("#z").parent()[0]) {
				log('equal');
			}
			
			log($($("#z").parent()[0]));
			
			log($("#z"));
		
		});
	</script>
	
	
	
	</body>
</html>