第二章jQuery中的选择器-创新互联
第二章 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 :p_w_picpath :reset :button :file :hidden
2.选择器的优点:①.写法简单
②.支持css1到css3的选择器(60多种选择器)
③.完善的机制
3.window.onload 与 $(document).ready()比较:
window.onload $(document).ready()
(1)执行时间:等所有页面元素就绪 dom元素就绪就可以
(2)编写个数: only one 编写多个
(3)简化写法: 无 $(function(){ });
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站名称：第二章jQuery中的选择器-创新互联
标题URL：http://6mz.cn/article/doojop.html