zoukankan      html  css  js  c++  java
  • jQuery选择器详解

    根据所获取页面中元素的不同,可以将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权威指南 机械工业出版社 陶国荣 著

  • 相关阅读:
    <a>作Form表单提</a>
    图片读写分离
    MSSql ID自动增长删除数据重1开始
    WPF 控件
    Cookies
    MVC页面跳转
    MVC-各种传值方式
    mvc框架下,怎样用cookie实现下次自动登录
    SQL函数说明大全 (转)
    SQL日期(转)
  • 原文地址:https://www.cnblogs.com/cxying93/p/6105152.html
Copyright © 2011-2022 走看看