jquery选择器之层级选择器

最新推荐文章于 2023-03-21 16:58:58 发布

kevin_love_it

最新推荐文章于 2023-03-21 16:58:58 发布

阅读量259

点赞数

分类专栏： javaScript/jquery 文章标签： css jquery javascript html jsp

本文链接：https://blog.csdn.net/kevin_love_it/article/details/78556769

版权

javaScript/jquery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

jquery层级选择器

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<script src="../../Document/lib/jquery-3.2.1.min.js"></script>
	<title>jquery 选择器</title>
</head>
<body>
	<h2>层级</h2>
	<div style="width:100%;background-color:#dcdcdc">
		<form>
			<label>Name:</label>
			<input name="name" />
			<fieldset>
				<label>Newsletter:</label>
				<input name="newsletter" />
			</fieldset>
		</form>
		<input name="none" />
	</div>
	<script type="text/javascript">
		// 祖先选择器（级联）
		//alert($("form input")[1].name);

		// 后代选择器（无级联，只获取到第一级的元素）
		//alert($("form > input")[0].name);

		// 相邻选择器
		// alert($("label + input"));

		// 同辈选择器 siblings
		// alert($("form ~ input")[0].name);//none
	</script>
</body>
</html>