Python全系列 教程
3567个小节阅读:5931.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
基础选择器
DOM操作
CSS操作
事件处理
遍历
动画
选择所有指定“parent”元素中指定的"child"的直接子元素
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 14px;
}
</style>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<ul class="topnav">
<li>Item 1</li>
<li>Item 2
<ul>
<li>child item 1</li>
<li>child item 2</li>
<li>child item 3</li>
</ul>
</li>
<li>Item 3</li>
</ul>
<script>
$(".topnav > li").css("border", "3px double red");
</script>
</body>
</html>
选择所有指定“parent”元素中指定的"child"的后代元素
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 14px;
}
</style>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<ul class="topnav">
<li>Item 1</li>
<li>Item 2
<ul>
<li>child item 1</li>
<li>child item 2</li>
<li>child item 3</li>
</ul>
</li>
<li>Item 3</li>
</ul>
<script>
$(".topnav li").css("border", "3px double red");
</script>
</body>
</html>
实时效果反馈
1. 子选择器和后代选择器的区别下列描述错误的是:
A 子选择器选择所有“parent”元素中的"child"的直接子元素
B 后代选择器选择所有“parent”元素中的"child"的后代元素
C 子选择器与后代选择器一样,没有区别
D 子选择器与后代选择器选择的范围不同
答案
1=>C