jQuery选择器的种种
twocode

    首先是标签选择器的种种:

    > (大于号)紧跟父子关系 如$("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" 结尾的元素


网友评论已关闭