zoukankan      html  css  js  c++  java
  • jQuery之第2章 jQuery选择器

    jQuery选择器(阶梯结构):

      1、基本选择器:

          (1)#id

          (2).class

          (3)element

          (4)*

          (5)selector1,selector2....

      2、层次选择器:

          (1)$("ancestor  descendant") 后代元素

          (2)$("parent > child") 子元素

          (3)$("prev + next") 同辈元素 等价于$().next();

          (4)$("prev ~ siblings") 同辈元素 等价于 $().nextAll();

      3、过滤选择器:

        基本过滤选择器:

          (1):first

          (2):last

          (3):not(selector)

          (4):even

          (5):odd

          (6):eq(index)

          (7):gt(index)

          (8):lt(index)

          (9):header

          (10):animated

          (11):focus

        内容过滤选择器:

          (1):contains(test)

          (2):empty

          (3):has(selector)

          (4):parent

        可见性过滤选择器:

          (1):hidden

          (2):visible

        属性过滤选择器:

          (1)[attribute]

          (2)[attribute=value]

          (3)[attribute!=value]

          (4)[attribute^=value]

          (5)[attribute$=value]

          (6)[attribute*=value]

          (7)[attribute|=value]

          (8)[attribute~=value]

          (9)[attribute1][attribute2][attributeN]

        子元素过滤选择器:

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

          (2):first-child

          (3):last-child

          (4):only-child

        表单对象属性过滤选择器

          (1):enabled

          (2):disabled

          (3):checked 单选框、复选框

          (4):selected 下拉框

      4、表单选择器:

          (1):input 选取所有的<input>、<textarea>、<select>和<button>元素

          (2):text 选取所有的单行文本框

          (3):password

          (4):radio

          (5):checkbox

          (6):submit

          (7):image

          (8):reset

          (9):button 选取所有的按钮

          (10):file

          (11):hidden

    注意:

      1、选择器中含有“·”、“#”、“(”、“]”等特殊字符需要转义。

      2、属性选择器中的@符号问题。

      3、选择器中含有空格的注意事项。

  • 相关阅读:
    pyhon学习日记第八天tkinter模块6
    python学习日记第八天tkinter模块5
    python学习日记第七天tkinter模块4
    python学习日记第七天tkinter模块3
    python学习日记第六天tkinter模块2
    python学习日记第六天tkinter模块学习1
    python学习日记第五天(飞机大战)
    python学习日记第四天
    python学习日记第三天(实例)
    Demo Nec
  • 原文地址:https://www.cnblogs.com/sunny-blog/p/4023655.html
Copyright © 2011-2022 走看看