zoukankan      html  css  js  c++  java
  • jQuery1.2选择器(1)

    基本选择器

    #myid

    返回: <jQuery对象>

    匹配一个id为myid的元素。

    element

    返回: <jQuery对象> 数组

    匹配所有的element元素

    .myclass

    返回: <jQuery对象> 数组

    匹配所有class为myclass的元素

    *

    返回: <jQuery对象> 数组

    匹配所有元素。该选择器会选择文档中所有的元素,包括html,head,body

    selector1,selector2,selectorN

    返回: <jQuery对象> 数组

    匹配所有满足selector1或selector2或selectorN的元素

    层次选择

    elementParent elementChild

    返回: <jQuery对象> 数组

    匹配elementParent下的所有子元素elementChild。例如:$("div p") 选择所有div下的p元素

    elementParent > elementChild

    返回: <jQuery对象> 数组

    匹配elementParent下的子元素elementChild。例如:$("div>p") 选择所有上级元素为div的p元素

    prev+next

    返回: <jQuery对象> 数组

    匹配prev同级之后紧邻的元素next。例如:$("h1+div") 选择所有div同级之前为h1的元素(<h1 /><div />)

    prev ~ siblings

    返回: <jQuery对象> 数组

    匹配prev同级之后的元素siblings。例如:$("h1~div") 可以匹配(<h1 /><div /><div />)

    基本滤镜

    :first

    返回: <jQuery对象>

    匹配第一个元素

    :last

    返回: <jQuery对象>

    匹配最后一个元素

    :not(selector)

    返回: <jQuery对象> 数组

    匹配不满足selector的元素

    :has(selector)

    返回: <jQuery对象> 数组

    匹配包含满足selector的元素。此选择器为1.2新增

    :even

    返回: <jQuery对象> 数组

    从匹配的元素集中取序数为偶数的元素。

    :odd

    返回: <jQuery对象> 数组

    从匹配的元素集中取序数为奇数的元素。

    :eq(index)

    返回: <jQuery对象> 数组

    从匹配的元素集中取第index个元素

    :gt(index)

    返回: <jQuery对象> 数组

    从匹配的元素中取序数大于index的元素

    :lt(index)

    返回: <jQuery对象> 数组

    从匹配的元素中取序数小于index的元素

    :header

    返回: <jQuery对象> 数组

    匹配所有的标题元素,例如h1,h2,h3……hN。此选择器为1.2新增

    :animated

    返回: <jQuery对象> 数组

    匹配正在执行动画的元素。此选择器为1.2新增

    :empty

    返回: <jQuery对象> 数组

    匹配所有没有子元素(包括文本内容)的元素

    :parent

    返回: <jQuery对象> 数组

    匹配包含子元素(包含文本内容)的所有元素

    :contains(text)

    返回: <jQuery对象> 数组

    匹配所有含有text的元素

    :hidden

    返回: <jQuery对象> 数组

    匹配所有隐藏的元素,包含属性type值为hidden的元素

    :visible

    返回: <jQuery对象> 数组

    匹配所有非隐藏的元素

    子元素滤镜

    E:nth-child(index/even/odd/equation)

    返回: <jQuery对象> 数组

    匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始

    E:first-child

    返回: <jQuery对象> 数组

    匹配所有E在其父元素下是第一个子元素的集合。例如:HTML(<div><p id="p1"></p></div><div><p id="p2"></p><p id="p3"></p></div>"),使用$("p:first-child"),选取:<p id="p1"></p><p id="p2"></p>

    E:last-child

    返回: <jQuery对象> 数组

    匹配所有E在其父元素下是最后一个子元素的集合。例如:同上的HTML,使用$("p:last-child"),选取:<p id="p1"></p><p id="p3"></p>

    E:only-child

    返回: <jQuery对象> 数组

    匹配所有E是其父元素的唯一子元素的集合。例如:同上的HTML,使用$("p:only-child"),选取:<p id="p1"></p>

  • 相关阅读:
    Android学习——day13
    寒假周总结三
    构建之法读书笔记03
    Android学习——day12
    每日日报2020 11/18
    每日日报2020 11/17
    每日日报2020 11/16
    每日日报2020 11/15
    每日日报2020 11/13
    每日日报2020 11/12
  • 原文地址:https://www.cnblogs.com/yuzhongwusan/p/1427329.html
Copyright © 2011-2022 走看看