• 利用jQuery选择将被操作的元素


    1.       jQuery所支持的基本CSS选择器

    选择器

    描述

    *

    匹配任何元素

    E

    匹配标签名称为E的所有元素

    E F

    匹配标签名称为F、作为E的后代节点的所有元素

    E>F

    匹配标签名称为F、作为E的直接子节点的所有元素

    E+F

    匹配前面是临近兄弟节点E的所有元素FEF紧挨着)

    E-F

    匹配前面是任何兄弟节点E的所有元素FEF可以不紧挨着)

    EhasF

    匹配标签名称为E、至少有一个标签名称为F的后代节点的所有元素。

    EC

    匹配带有类名C的所有元素E。等效于(*.C

    E#I

    匹配id特性值为I的元素E

    E[A]

    匹配带有特性A的所有元素E(不管特性A的值是什么)

    E[A=V]

    匹配所有元素E,其特性A的值正好是V

    E[A^=V]

    匹配所有元素E,其特性A的值是以V开头

    E[A$=V]

    匹配所有元素E,其特性A的值是以V结尾

    E[A*=V]

    匹配所有元素E,其特性A的值包含V

     

    2.       jQuery支持更高级的位置选择器:根据在DOM里的文章来选择元素

    :first

    页面的最先的匹配。Li  a:first 返回最先的、并且在列表(<li>)项下的链接

    :last

    页面的最先的匹配。Li  a:last 返回最后的、并且在列表

    <li>)项下的链接

    :first-child

    最先的子元素。Lifrist-child 返回每个列表的最先的项

    :last-child

    最后的子元素。Lilast-child 返回每个列表的最后的项

    :only-child

    返回没有兄弟节点的所有元素

    :nth-child(n)

    n个子节点(n1开始)。Li:nth-child(2)返回每个列表的第二个<li>项。

    :nth-child(even|odd)

    奇数|偶数的子节点。Linth-childeven)返回每个序列的偶数子节点

    :nth-child(Xn+y)

    根据传入的公式计算的第n个子节点。如果y0,则忽略yn0开始,且X不等于0.  linth-child3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。

    :even :odd

    页面范围内偶数或奇数的匹配元素。Lieven返回全部偶数<li>项。

    :eq(n)

    n个匹配元素(n0开始)

    :gt(n)

    n个匹配元素(不包括)之后的元素(n0开始)

    :lt(n)

    n个匹配元素(不包括)之前的元素(n0开始)

     

    3.       jQuery 自定义的筛选选择器赋予标识目标元素的无穷力量

       

    :animated

    选择当前处于动态控制之下的元素。

    :button

    选择任何按钮(input[type=submit]input[type=reset]input[type=button]

    :checkbox

    只选择复选框元素(input[type=checkbox]

    :checked

    只选择已选中的复选框或单选按钮(为CSS所支持)

    :contains(foo)

    只选择包含文本foo的元素

    :disabled

    只选择界面上已经禁用的表单元素

    :enabled

    只选择界面上已启用的表单元素

    :file

    选择所有文件元素(input[type=file]

    :header

    只选择标题元素(<hn>,n代表数字16.比如:<h1>

    :hidden

    只选择隐藏的元素

    :image

    选择表单图像元素(input[type=image]

    :input

    只选择表单元素(<input><select><textarea><button>

    :not(filter)

    根据指定的筛选条件取反

    :parent

    选择有后代节点(包括文本)的元素,而排除空元素

    :password

    选择口令元素(input[type=password]

    :radio

    选择单选按钮(input[type= radio]

    :reset

    选择复位按钮(input[type= reset] button[type=reset]

    :selected

    选择已经选中的选项元素

    :submit

    选择提交按钮元素(input[type= submit] button[type= submit]

    :text

    选择文本字段元素(input[type=text])

    :visible

    选择可见元素

  • 相关阅读:
    python基础——操作系统简介
    python 3 输入和输出
    C++学习笔记——C++简介
    ML机器学习导论学习笔记
    Linux常用基本指令——文件处理命令
    Oracle数据库从入门到精通-分组统计查询
    PL/SQL编程基础——PL/SQL简介
    django 第五课自定义模板过滤器与标签
    Python之GUI的最终选择(Tkinter)
    Python利用pandas处理Excel数据的应用
  • 原文地址:https://www.cnblogs.com/baoconghui/p/2566529.html
Copyright © 2020-2023  润新知