1、选择器
(1) JavaScript — var obj = document.getElementById(“dom-id”);
(2) jQuery — var obj = $(“#dom-id”);
2、选择器返回的对象都是jQuery对象
3、课程内容
(1) 基本选择器
(2) 层级选择器
(3) 过滤器
(4) 多项选择器
(5) 属性选择器
(6) 表单相关
(7) 查找和过滤
4、ID选择器 — #id — 根据给定的id匹配一个元素 — 优先级高,效率最高
5、Element选择器 — 根据给定的元素标签名匹配所有元素 — 效率相对差点,建议使用
6、Class选择器 — 根据给定的css类名匹配元素 — 效率相对差点,建议使用
7、通配符选择器 — — 匹配所有元素 — 效率最差,不建议
8、多项选择器
(1) $(“selector1,select2,selectN”); — 将每一个选择器匹配到的元素合并后一起返回
9、层级选择器
(1) $(“anscestor descendant”) — 在给定的祖先元素下匹配所有后代
(2) $(“parent>child”) — 在给定父元素下匹配所有的子元素 — 子选择器的效率相对较高
(3) $(“prev+next”) — 兄弟选择器 — 匹配所有紧接在prev元素后的next元素
(4) $(“prev~siblings”) — 兄弟选择器 — 匹配prev元素之后的所有的siblings元素
(5) 总结: — 重点是必须是同一个层级;
10、属性选择器 — 7个
(1) [属性名] — 属性名选择器
(2) [属性名 = value] — 等于属性值
(3) [属性名!=value] — 不等于属性值
(4) [属性名^=value] — 以什么为开头
(5) [属性名$=value] — 以什么为结尾
(6) [属性名=value] — 包含属性值选择器
(7) 多个属性选择器 — [selec1][selec2][select3]
11、过滤器 — 不会单独使用,必须在现有的选择器基础上进行新一轮的筛选
(1) :first-child — 第一个孩子
(2) :last-child — 最后一个孩子
(3) :nth-child(n) — 第几个孩子
(4) :nth-last-child(n) — 倒数第几个孩子
(5) :only-child — 独生子 — 必须只有一个,和类型无关
(6) ————————————————————————————————————-
(7) :first-of-type
(8) :last-of-type
(9) :Nth-of-type(n)
(10) :nth-last-of-type(n)
(11) Only-of-type
12、过滤器的参数问题
(1) :nth-of-type(even|odd|formula)
① n表示匹配子元素序号 — 必须是整数 — 从1开始
② Even表示匹配所有偶数元素
③ Odd表示匹配所又得奇数元素
④ Formula表示特殊公式(an+b)进行选择
13、表单相关得选择器
(1) :input — 可以选择input textarea select 和button
(2) :text — 匹配所有得单行文本,和input[type=’text’]一样
(3) 其他得input得type — :password/:radio/:checkbox/:image/:reset/:button/:file…
14、表单相关得 — 表单状态
(1) :enabled — 匹配所有可用元素
(2) :disabled — 匹配所有得不可用元素
(3) :checked — 匹配所有选中得被选中得元素(复选框、单选框,select中得option)
(4) :selected — 匹配所有选中得options元素
15、查找和过滤
(1) find() — 搜索所有与指定表达式匹配的元素
① Find找出的不管是孩子还是孙子,只要满足表达式,都能找到;
(2) children() — 取得一个包含匹配元素集合中每一个元素的所有子元素的元素集合
① 注意:children表示找到孩子,孙子以下不算;
(3) parent() — 取得一个包含所有匹配元素的唯一父元素的集合;
(4) next() — 取得一个包含匹配的元素集合中每一个紧邻的后面同辈元素的元素集合
(5) Prev() — 取得一个包含匹配的元素集合中每一个紧邻的前面同辈元素的元素集合
(6) eq(index|-index) — 获得当前链式操作中第N个jQuery对象
① 如果eq传入的是正数,那么显示正数第几个;
② 如果eq参数传入的是负数,就显示倒数第几个;
(7) siblings() — 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈的元素集合
(8) —————————————————————————————————————————————————————————
(9) 过滤 — filter() — 筛选出与指定表达式匹配的元素集合