第二章 jQuery中的选择器
1.jQuery选择器:①.基本选择器:(1)#id(根据给定的id匹配一个元素),
例如:$("#test")选取id为test的元素
(2).class(根据给定的类名匹配元素),
例如:$(".test")选取所有class为test的元素
(3).element 例:$("p")选取所有的元素
(4)* 例如:$("*")选取所有的元素
(5)selector1,selector2....selectorN
②.层次选择器:(1)空格(父元素以下的所有)
(2)> (父和子的直接关系)
(3)+ (下一个子元素的同级元素)
(4) ~(除开本身的同级元素)
③.过滤选择器:(1)基本过滤选择器 :first第一个元素 :last :even偶数
:odd奇数 :eq(Index)索引等于index的元素
:gt(index)索引大于index的元素等等
(2)内容过滤选择器 :contains(text)选取含有文本内容为"text"的 元素
:empty取不包含子元素或者文本的空元素
:has(selector)选择器所匹配的元素的元素
(3)可见性过滤选择器 :hidden选取所有不可见的元素
:visible选取所有不可见的元素
(4)属性过滤选择器 [attribute]取有此属性的元素 [attribute=value]选取属性值为value的元素
[attribute^value]取属性值为value开始的元素
[attribute$=value]取属性为value结束的元素
[attribute*=value]取属性值含有value的元素
[selector1][selector2][selectorN]合并成一 个复合选择器,满足多个条件,每选择一次,缩小 一次范围
(5)子元素过滤选择器 :nth-child(index/even/odd/equation)选取每 个父元素下的第index个子元素或者奇偶 元素(index从1开始)
:first-child选取每个父元素的第一个子元素 :last-child每个父元素的最后一个元素
:only-child有父元素才会被匹配,没有父元素 则不会被匹配
(6)表单对象选择器 :enable选取所有可用元素
:disabled选取所有不可用元素
:checked选取所有被选中的元素(单选框,复选框)
:selected选取所有被选中的选项元素(下拉列表)
④.表单选择器::input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
2.选择器的优点:①.写法简单
②.支持css1到css3的选择器(60多种选择器)
③.完善的机制
3.window.onload 与 $(document).ready()比较:
window.onload $(document).ready()
(1)执行时间:等所有页面元素就绪 dom元素就绪就可以
(2)编写个数: only one 编写多个
(3)简化写法: 无 $(function(){ });