一、选择器的种类
*{} - 通配符选择器
h1{}-标签选择器
.foo{}-类选择器
.#foo{}-id选择器
a,b {}-并列
a b {}- 后代
a>b{} -父子
a~b{}-兄弟
a + b{}-相邻兄弟
a[b=c] - 属性
二、选择器原则
选择器原则:
- 就近原则
- 具体性原则(ID>类>标签[ …]>通配符)
- 重要性原则(!important)
三、JS中的属性
- JavaScript = ECMAScript + BOM + DOM
- BOM - 浏览器对象模型 - window
- DOM- 文档对象模型 - document(它也是window中的属性)
1. BOM - 浏览器对象模型 - window
alert(弹窗警告)
prompt(输入框提示)
confirm(确认)
close(窗口关闭)
setInterval(计时器)
setTimeout(计时器)
clearInterval(关闭计时器)
clearTimeout(关闭计时器)
history.back(返回上一页)
history.forward(返回下一页)
navigator.xxxxx(可以查看浏览器一系列信息)
screen.xxxxx(可以查看屏幕的一系列信息)
2.DOM -文档对象模型 - document
getElementById(获取ID选择器 ) getElementsByTagName(获取标签名选器)
getElementByClassName(获取类名选择器 ) querySelector(获取单个选择器 )
querySelectorAll( 获取所有选择器)
3.HTML-Element(HTML中常见的元素)
textContent(获取文本文档)
innerHTML(把文本显示在网页上)