• jQuery 选择器大全


    1.通过$*选择,表示选择所有。例如:$(*)==$(body).
    2.通过$#id选择,表示选择ID为id。例如:$(#id名称)。
    3.通过$.class选择,表示选择Class类。例如:$(.class名称)。
    4.通过$element选择,表示选择标签。如:$(span),$(body),$(div),$(p)等。
    5.通过合并元素一起选择$(#id .class),表示选择id下的class类。
    6.过滤选择,以:为代表
    a.$("p:first")选择p标签中的第一个p标签,$("p:last")选择p标签中的最后一个p标签,$("tr:even")选择tr标签中的偶数tr标签,$("tr:odd")选择tr标签中的奇数tr标签
    b.$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始),$("ul li:gt(3)")列出 index 大于 3 的元素,$("ul li:lt(3)")列出 index 小于 3 的元素,$(":header")    所有标题元素 <h1> - <h6>.
    c.$("p:contains('W')")表示选择p标签中有”W“字符的标签。
    d.$("p").eq(0) ==$("p:first")都是表示P标签中的第一个标签.
    7.层次选择
    a.$("#one+div")表示选择id为one的下一个div标签,one和div不能有间隔,必须相邻。
    b.$("#two~div")表示选择id为two的后面所有div标签兄弟。
    c.$("#two"). siblings("p") 表示选择id为two的所有p标签。
    d.$("#div>p")表示选择id为div中的子元素p,不包括p元素中的子元素。
    e..$("#div p")表示选择id为div中的所有子元素p,包括p元素中的子元素。
    8.内容过滤选择:
    a.$("p:cotains(di)")选择含有文本 ‘di’ 的 p元素。
    b.$("div:empty")选择div为空的div,包含div中没有元素和内容。
    c.$("p:has(.mini)")选择含有 class 为 mini 元素的 p元素。
    d.$("div:parent")选择div内不为空的div元素,包含Div中有其他元素和内容。
    9.可见性过滤选择
    a.$(div:hidden)选择div标签属性为不可见的div标签。<div class="display" ></div> css样式.display{display:none;}表示不可见。
    b.$("div:visible")选择div标签属性为可见的div标签。
    10.attribute属性过滤选择[]
    a.$("div[title='test']")选择div标签属性title="test"的div标签。
    b.$("div[title!='test']")选择div标签属性**不是**title="test"的div标签。
    c.$("div[title^=‘te’]")选择div标签属性title以'te'**开头**的div标签。
    d.$("div[title$='es']")选择div标签属性title以'es'**结尾**的div标签。
    e.$("div[title*='es']")选择div标签属性title**包含**'es'的div标签。
    f.$("div[id][title*='es']")选择div标签属性title**包含**'es'的**并且有id属性**的div标签。
    11.子元素过滤选择
    a.:nth-child(even/odd): 能选取每个父元素下的索引值为偶(奇)数的元素。如:$("#ss :nth-child(even)")表示选取id为ss的子元素为偶数的元素。
    b.:nth-child(2): 能选取每个父元素下的索引值为 2 的元素。如:$("div[class='one'] :nth-child(2)")表示class为one的div父元素下的第2个子元素。
    c.:nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数 的元素。
    d.:nth-child(3n + 1): 能选取每个父元素下的索引值是 3n + 1的元素。
    12.表单对象属性过滤选择
    a.:enabled选取所有**可用**元素。
    b.:disabled选取所有**不可用**元素。
    c.:ckecked选取所有**被选中**元素,单选框和复选框。如:var ckbs=$(":checkbox:checked");选择选中的复选框 ckbs.length获得选中的复选框个数的长度。
    d.:selected选取所有**被选中选项**元素(下拉列表)。
    13.表单选择
    :input ,:text.:password,:radio,:checkbox,:submit,:image,:reset,:button,:file,:hidden
  • 相关阅读:
    Linux_修改网卡名
    综合架构_ansible_剧本编写
    综合架构_ansible自动化管理服务
    Linux_综合架构_ssh基于密钥_远程连接
    NFS项目实践
    综合架构_实时同步服务 inotify
    综合架构_nfs常见错误
    linux_知识点集锦
    企业全网备份数据
    综合架构_存储服务nfs
  • 原文地址:https://www.cnblogs.com/feipengting/p/7927436.html
Copyright © 2020-2023  润新知