jQuery选择器的种种03-06
首先是标签选择器的种种:
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。
+ (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。
~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。
(空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。
,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
伪元素选择器的种种:
:first$("p:first")第一个元素
:last$("p:last")最后一个元素
:even$("tr:even")所有偶数元素
:odd$("tr:odd")所有奇数元素
:eq(index)$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始)
:gt(no)$("ul li:gt(3)")列出 index 大于 3 的元素
:lt(no)$("ul li:lt(3)")列出 index 小于 3 的元素
:not(selector)$("input:not(:empty)")所有不为空的 input 元素
:header$(":header")所有标题元素-
:animated 所有动画元素
:contains(text)$(":contains('W3School')")包含指定字符串的所有元素
:empty$(":empty")无子(元素)节点的所有元素
:hidden$("p:hidden")所有隐藏的元素
:visible$("table:visible")所有可见的表格
:input$(":input")所有input元素
:text$(":text")所有 type="text" 的input元素
:password$(":password")所有 type="password" 的input元素
:radio$(":radio")所有 type="radio" 的input元素
:checkbox$(":checkbox")所有 type="checkbox" 的input元素
:submit$(":submit")所有 type="submit" 的input元素
:reset$(":reset")所有 type="reset" 的input元素
:button$(":button")所有 type="button" 的input元素
:image$(":image")所有 type="image" 的input元素
:file$(":file")所有 type="file" 的input元素
:enabled$(":enabled")所有激活的 input 元素
:disabled$(":disabled")所有禁用的 input 元素
:selected$(":selected")所有被选取的 input 元素
:checked$(":checked")所有被选中的 input 元素
属性选择器de种种:
[attribute]$("[href]")所有带有 href 属性的元素
[attribute=value]$("[href='#']")所有 href 属性的值等于 "#" 的元素
[attribute!=value]$("[href!='#']")所有 href 属性的值不等于 "#" 元素
[attribute$=value]$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
- UEditor 代码的高亮显示 2016-11-23
- 测试代码 2016-11-23
- jQuery中的节点操作 2015-06-02
- Ajax中GET与POST方式的选择 2015-04-21
- jQuery之处理字符串(一) 2015-02-10