HTML/CSS(JQquery)

一、选择器

：first  获取第一个元素 $("li:first")

:not(sealectorq)去除所以与给定选择器匹配的元素 查询未选中的 $("input:not(:checked)")

:eq(index)  匹配一个给定索引值的元素  从0开始计数 $("tr:eq(1)")  查找第二个 索引值为1

：gt(index)  匹配所有大于给定索引值的元素 从0开始计数 $("tr:gt(0)")  查找第二第三行就是索引值为1 2，也就是比0大

:lt(index) 匹配所以小于给定索引值的元素  从0 开始计数 $("tr:lt(2)")   查找第一第二行  就是索引值为0 1 ，也就是比2小

:even 匹配所有索引值为偶数的元素，从0开始计数$("tr:even")查找 第1、3、5行 就是索引值为 0、2、4...

:odd匹配所有索引值为奇数的元素，从0开始计数$("tr:odd")查找 第2、4、6行 就是索引值为 2、4、6...

:last()  获取最后一个元素 $("li:last")

parent>child 在给定的父元素下匹配所有子元素$("form>input")

prev+next 匹配所有紧接在prev元素后的next元素 一个有效选择器并且紧接着第一个选择器

 

document.getElementById()：获取指定标签ID的元素

document.getElementsByClassName()：获取指定类名的元素

document.getElementsByName()：获取指定name值的元素

document.getElementsByTagName()：获取指定标签名称的元素

document.querySelector()：返回文档中匹配指定 CSS 选择器的一个元素

document.querySelectorAll()：返回文档中匹配指定 CSS 选择器的全部元素

 

div p(空格)：匹配div元素下所有后代为p的元素

div > p(大于号)：匹配div子级元素下的所有为p的元素

div + p(加号)：匹配所有紧跟着div后的所有为p的元素

div ~ p(波浪号)：匹配与div同级的所有为p的元素

二、

1、align-items:

flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
baseline: 项目的第一行文字的基线对齐。
stretch：（默认值）如果项目未设置高度或设为auto，将占满整个容器的高度。

cursor:pointer;属性将鼠标变为小手。