`
friendsys
  • 浏览: 347748 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

温故而知新 jQuery选择器

阅读更多
jQuery中的选择器
#id--
tag--按照标签进行选择
.class--
* --选择所有元素
a,b,c 批量选择多个选择器
a b 选择a元素下所有的b元素,包括嵌套的子元素
a>b 选择a元素下所有的一级b元素,不包括嵌套的子元素
a+b 选择a元素之后的b元素
a~b 选择a元素之后所有的同级b子元素,不包含嵌套的元素
a:first 第一个符合a的元素
a:last 最后一个符合a的元素
a:not(selector) 从a元素中去除符合selector选择的元素
a:even 从a中选择偶数的子元素
a:odd 从a中选择奇数的子元素
a:eq(index) 获取指定索引的子元素,这里也可以使用链式的.eq()方法进行选定
a:gt(index) 大于指定索引的子元素
a:lt(index) 小于指定索引的子元素
:header 用于选择所有的h1,h2等元素
:animated 选择所有正在动画的元素
:contains(text) 包含指定字符的元素
:empty 所有的空内容元素
a:has(selector) 所有包含selector元素的a元素
a:parent,所有a的父元素,或者所有的拥有子元素的元素
:hidden 所有隐藏的元素
:visible 所有可见的元素
[attribute] 包含指定属性的元素
[attribute=value] 包含指定属性值的元素
[attribute!=value] 不等
[attribute^=value] 开头匹配
[attribute$=value] 结尾匹配
[attribute*=value] 包含value
:nth-child(index/even/odd/equation)  匹配其父元素下的第N个子或奇偶元素
:first-child 第一个子元素
:last_child  最后一个子元素
:input 所有的input的标签
:text 所有输入框
:radio 所有单选按钮
:checkbox 多选框
enabled 所有被禁用的元素
:disabled 所有被disabled的元素
:enabled 所有enable的元素
:checked 所有被选中的元素
:selected 所有被选择的元素

上述的选择器,均可进行组合后使用











































分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics