A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 石国庆 中级黑马   /  2013-3-14 16:39  /  1238 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

一、简单选择器
1选择指定ID元素  $(“#name”)         需要加#号
2选择指定类型元素$(“div”)      返回的是一个数组
3选择指定类的元素$(“.name”)     需要家.号
4选择所有元素极其优化*   $(“body  *”).css(“color”,”red”);
5选择多组元素极其实现$(“h2,#wrap,[title=’text’]”).css(“color”,”red”); 用,分开

二、关系选择器
1ancestor  descendant选择器 例:$(“div  div”)  匹配祖先下所有的后代元素
2parent>child选择器    例:$(“div > div”)   父元素下所有的子元素
3prev+next选择器      例:$(“div + p”)      匹配元素后面紧接的相邻元素
4prev~siblings选择器    例:$(“div:eq(1)~p”)   匹配元素后面同辈的元素

三、子元素选择器
1:nth-child选择器    匹配其父元素下的第N个子元素或奇偶元素
例: :nth-child(even)  匹配偶数位元素
:nth-child(odd)   匹配奇数位元素
:nth-child(3n)    匹配第3个及其后间隔3的每个元素
:nth-child(2)     匹配第2个元素
:nth-child(3n+1)  匹配第1个及其后面间隔3的每个元素
:nth-child(3n+2)   匹配第2个及其后面间隔3的每个元素
2:first-child选择器  例:$(“ul li:first-child”)   匹配第一个子元素
3:last-child选择器  例:同上              匹配最后一个子元素
4:only-child选择器  例:同上              匹配唯一的子元素
四、定位过滤器
1:first   匹配找到的第一个元素   例:$(“tr:first”)
2:last   匹配找到的最后一个元素
3:not    去除所有与给定选择器匹配的元素  例::not(div a)和:not(div,a)
4:even   匹配所有索引值为偶数的元素
5:odd    匹配所有索引值为奇数的元素
6:eq    匹配一个给定索引值的元素        例:$(“tr:eq(0)”)
7:gt     匹配所有大于给定索引值的元素
8:lt     匹配所有小于给定索引值的元素
9:header   匹配如h1,h2,h3之类的标题元素
10:animated   匹配所有正在执行动画效果的元素
五、内容过滤器
1:contains  匹配包含给定文本的元素   $(“div:contains(‘图片’)”)
2:empty    匹配所有不包含子元素或者文本的空元素
3:has  匹配还有选择器所匹配的元素的元素  $(“div:has(p)”)匹配所有包含p元素的div元素
4:parent   匹配还有子元素或者文本的元素
六、可见过滤器
1:hidden  匹配所有不可见元素,或者type为hidden的元素
2:visible   匹配所有的可见元素

七、属性选择器
1[attribute]   匹配包含给定属性的元素   $(“div[id]”)
2[attribute=value]   匹配属性等于特定值的元素   $(“input[name=’text’]”)
3[attribute!=value]  匹配所有不含有指定的属性    等价于:not([attr=value])
或者属性不等于特定值的属性  $(“input[name!=’text’]”)
4[attribute^=value]  匹配给定的属性是以某些值开始的元素  $(“input[name^=’text’]”)
5[attribute$=value]  匹配给定的属性是以某些值结束的元素  $(“input[name$=’text’]”)
6[attribute*=value]  匹配给定的属性是以包含某些值的元素  $(“input[name*=’text’]”)
7[selector1][selector2][selectorN]   
复合属性选择器,需要在同时满足多个条件时使用   $(“input[name*=’text’][id]”)
八、表单选择器
1:input  匹配所有input 、textarea、select、和button元素
2:text   匹配所有单行文本框    $(“#text  :text”)
3:password  匹配所有密码框
4:radio   匹配所有单选按钮
5:checkbox   匹配所有复选框
6:submit    匹配所有提交按钮
7:image   匹配所有图像域
8:reset   匹配所有重置按钮
9:button  匹配所有按钮
10:file    匹配所有文件域
11:hidden  匹配所有不可见元素,或者type为hidden的元素
九、高级表单选择器
1:enabled  匹配所有可用元素   $(“#test  :disabled”)
2:disabled  匹配所不可用元素   $(“#test  :enabled”)
3checked   匹配所有选中的被选中元素
4:selected   匹配所有选中的option元素

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马