jQuery选择器之层级选择器

最新推荐文章于 2022-03-24 16:14:12 发布

Molly134

最新推荐文章于 2022-03-24 16:14:12 发布

阅读量387

点赞数

分类专栏： Jquery 文章标签： Jquery

本文链接：https://blog.csdn.net/weixin_42305895/article/details/88859520

版权

前言：层级选择器主要分为四种，分别是祖先后代选择器、父子选择器、前后选择器、前兄弟选择器，下面，我将会分别从他们的表示、用途、例子来分别说明这四种选择器。
写在前面，我下面举例子时js代码和css代码都是另起一个页面的，所以大家要运行代码的时候注意一下。

1. 祖先后代选择器

（1）说明
表示：$(“ancestor descendant”)
用途：选取ancestor元素后所有的descendant元素，例如：$(“form input”))表示选取form元素所包含的所有的input子元素。
（2）运行代码
Html页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>test_50</title>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/out_50.js" ></script>
		<style>
			form{border: 2px red solid;}
		</style>
	</head>
	<body>
		<form>
			用户名：<input name="username" type="text" value="" /><br />
			密码：<input name="psw" type="password" /><br />
		</form>
		表单的外框：<input name="none" />
	</body>
</html>

Js页面

$(document).ready(function  () {
	$("form input&#

最低0.47元/天解锁文章

Molly134

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器之层级选择器

前言：层级选择器主要分为四种，分别是祖先后代选择器、父子选择器、前后选择器、前兄弟选择器，下面，我将会分别从他们的表示、用途、例子来分别说明这四种选择器。写在前面，我下面举例子时js代码和css代码都是另起一个页面的，所以大家要运行代码的时候注意一下。1. 祖先后代选择器（1）说明表示：$(“ancestor descendant”)用途：选取ancestor元素后所有的descen...
复制链接

扫一扫