zoukankan      html  css  js  c++  java
  • jQuery学习之过滤选择器

    基本过滤选择器

    :first 选取第一个元素:$("div:first")

    :last 选取最后一个元素:$("div:last")

    :not(selector) 取出除selector之外的其他元素:$("div:not(.class)")

    :even 选取索引为偶数的元素:$("div:even")

    :odd 选取索引为奇数的元素:$("div:odd")

    :eq(index) 索引等于index:$("div:eq(1)")

    :gt(index) 索引大于index:$("div:gt(1)")

    :lt(index) 索引小于index:$("div:lt(1)")

    :header 选择所有标签元素(h1,h2,h3):$("div:header")

    :animated 选取当前正在执行动画的所有元素:$("div:animated")

    内容过滤选择器

    :contain(text) 选取文本含有text的元素:$("div:contain('Hello world')")

    :empty 选取不包含子元素或者文本的空元素:$("div:empty")

    :has(selector) 选取含有选择器所匹配的元素的元素:$("div:has(p)")

    :parent 选取含有子元素或者文本的元素:$("div:parent")

    可见性过滤选择器

    :hidden 选取不可见的元素

    :visible 选取可见的元素

    属性过滤选择器

    [attribute] 选取拥有此属性的元素:$("div[align]")

    [attribute=value] 选取属性值为value的元素:$("div[align=center]")

    [attribute!=value] 选取属性值不为value的元素:$("div[align!=center]")

    [attribute^=value] 选取属性值以value开始的元素:$("div[align^=center]")

    [attribute$=value] 选取属性值以value结束的元素:$("div[align$=center]")

    [attribute*=value] 选取属性值含有value的元素:$("div[align*=c]")

    [attribute][attribute][attribute] 用属性选择器合并成的选择器:$("div[align*=c][id][class]")

    子元素过滤选择器

    :nth-child(index/even/odd/equation) 选取每个父元素下第index个元素(从1开始)

    :first-child 选取每个父元素的第一个子元素

    :last-child 选取每个父元素的最后一个子元素

    :only-child 匹配只有一个子元素的父元素的子元素

    表单对象属性过滤选择器

    :enabled 选取所有可用元素

    :disabled 选取所有不可用元素

    :checked 选取所有被选中元素(单选框,复选框)

    :selected 选取所有被选中元素(下拉列表)

  • 相关阅读:
    清除页面广告?身为前端,自己做一款简易的Chrome扩展吧
    Nginx 引入线程池,提升 9 倍性能
    调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
    收集的React.JS资料
    谈谈 React.js 的核心入门知识
    同时包含字母和数字的正则表达式
    Word2010撤销按钮失效,Ctrl+Z失效解决办法
    大数据于产业金融领域的运用究竟如何很好的实现
    HTTP 错误 500.19
    WindowsServer2012桌面图标设置
  • 原文地址:https://www.cnblogs.com/prewind/p/3542503.html
Copyright © 2011-2022 走看看