美文网首页
JQuery选择器

JQuery选择器

作者: GesimeD | 来源:发表于2017-11-12 16:46 被阅读0次

    根据所获取页面中元素的不同,可以将jQuery选择器分为4大类:基本选择器、层次选择器、过滤选择器、表单选择器。

    其中,过滤选择器有可以分为6种:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器器、子元素过滤选择器、表单对象属性过滤选择器。

    1、基本选择器

    #id、* 、.class 、元素标签 、selector 、selectorAll

    2、层次选择器

    后代、父子、相邻、兄弟: parent 、child 、prev 、 next 、 siblings 、+ 、 > 、~ 、空格

    3、过滤选择器

    根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头。

    简单: :first 、 :last 、 :not(selector) 、 :even 、 :odd 、 :eq(index) 、 :gt(index)、:lt(index) 、:header 获取所有标题类型的元素、:animated 获取正在执行动画效果的元素

    内容: :contains(text) 获取包含给定文本的元素 、:empty 获取所有不包含子元素或文本的元素 、 :has(selsctor) 获取含有选择器所匹配的元素的元素 、 :parent 获取含有子元素或文本的元素

    可见性: :hidden 获取所有不可见的或者类型为hidden的元素 、 :visible 获取所有可见的元素

    属性: [attribute] 、 [attribute=value] 、 [attribute!=value] 、[attribute^=value] 开头 、[attribut$=value] 结尾 、 [attribute*=value] 包括 、 [selector1] [selector2] [selectorN] 获取满足多个条件的复合属性的元素
    子元素: :nth-child(eq|even|odd|index)索引从1开始 、:first-child 、:last-child 、 :only-child 获取每个父元素下的仅有一个子元素

    表单对象属性: :enabled 获取表单中所有属性为可用的元素 、:disabled 获取表单中所有属性为不可用的元素 、 :checked 获取表单中所有被选中的元素 、:selected 获取表单中所有被选中option的元素

    4、表单选择器

    :input 获取所有的input、textarea、select

    :text 获取所有单行文本框

    :password 获取所有密码框

    :radio 获取所有单选按钮

    :checkbox 获取所有复选框

    :submit

    :image 获取所有图像域

    :reset 获取所有的重置按钮

    :button

    :file 获取所有文件域

    相关文章

      网友评论

          本文标题:JQuery选择器

          本文链接:https://www.haomeiwen.com/subject/mtqomxtx.html