您好!您提到的问题是关于CSS选择器的。CSS选择器是一种用于选择HTML元素的模式,它们可以应用样式规则来改变元素的外观。在这里,我们将讨论几种常见的CSS选择器类型以及它们的应用场景。
<h1>
标题元素设置样式,您可以使用以下选择器:h1 {
color: red;
}
.
开头的标识符,可以在多个元素上重复使用。例如,如果您想为所有具有highlight
类的元素设置样式,您可以使用以下选择器:.highlight {
background-color: yellow;
}
main-heading
的元素设置样式,您可以使用以下选择器:#main-heading {
font-size: 24px;
}
data-type="warning"
属性的元素设置样式,您可以使用以下选择器:[data-type="warning"] {
color: orange;
}
a {
color: blue;
}
a:hover {
color: red;
}
总之,CSS选择器是一种非常强大的工具,可以帮助您轻松地控制网页的外观。在实际应用中,您可能会使用多种选择器类型来创建复杂的样式规则。
jquery
[] jquery概念
jquery是JS的框架。
JS的函数库。
【】BOM
BOM:Browser Object Model
BOM对象:
1.window:BOM根对象
2.window.navigator 浏览器对象
3.window.location : URL地址对象
4.window.document: 文档对象。
5.window.history 历史对象
【】DOM
DOM根对象:window.document 表示浏览器载入的文档在内存中模型。
DOM模式的格式:树。
每个标记表示一个对象,在树中是一个节点。
1. JS定位一个节点方法
(1)根据ID定位:var div=document.getElementById("id"); 返回一个对象
(2)根据标记名定义:var div=document.getElemenetByTagName("div");
返回对象的数组。
(3) 根据CSS选择器选择对象:
var ob=document.querySelector("css选择器");返回满足选择器的第一个对象
例子:
<input type="text" name="userid" id="userid" />
var userid=document.querySelector("input[name='userid']");
var userid=document.querySelector("#userid");
var userid=document.querySelector("input");
(4) 返回所有的选择器选择的对象:返回对象数组。
document.querySelectorAll("CSS选择器")
【】DOM操作节点对象
1.读/写节点的内容
领取专属 10元无门槛券
手把手带您无忧上云